~wuz/wuz.sh

fccaca9a3b39569e0e7e4f6c8c86a49188d21870 — Conlin Durbin 6 months ago a4b297c
Adding copy page
3 files changed, 52 insertions(+), 20 deletions(-)

M _includes/layouts/nav.njk
A copy.html
M index.html
M _includes/layouts/nav.njk => _includes/layouts/nav.njk +4 -15
@@ 1,23 1,12 @@
<header class="grid grid:col-10 maxw:large padding:3 container:wide">
  <div class="grid:span-7 flex ai:center wght:600">
  <div class="grid:span-6 flex ai:center wght:600">
      <a href="/">wuz.sh</a>
      
  </div>
  <nav class="grid:span-3 flex ai:center jc:flex-end wght:600">
  <nav class="grid:span-4 flex ai:center jc:flex-end wght:600">
    <a href="/writing" class="margin:1:right">writing</a>
    &mdash;&nbsp;
    <a href="https://kit.co/wuz" class="margin:1:right">kit</a>
    <!-- 
    <div class="color-switch-container">
      <button class="color-switch" aria-label="Toggle Dark Mode">
        <span role="img" aria-label="dark mode">
          🌝
        </span>
        <span role="img" aria-label="light mode">
          🌞
        </span>
      </button>
    </div>
    -->
    &mdash;&nbsp;
    <a href="/copy" class="margin:1:right">[CC BY-SA 4.0]</a>
  </nav>
</header>

A copy.html => copy.html +43 -0
@@ 0,0 1,43 @@
---
layout: layouts/index
title: Copy What You Want
---

<main class="content">
  <h2 class="typescale:10">Copy What You Want</h2>

  <p>
    I believe in freely sharing work, especially when it has the potential to
    help folks that are still learning. All the code and content on this site is
    freely shared. Remix, reuse, copy, steal - whatever you want. I do ask that
    if you use my content, you include attributions, but you can feel free to
    make changes if you want. Just be sure to specify what parts you added and
    what parts are mine!
    <br /><br />
    You can find the specific licenses below.
  </p>

  <h3 class="margin:1:bottom typescale:5 wght:700">Code License:</h3>
  <a href="https://wuz.mit-license.org/">
    <img
      src="https://img.shields.io/badge/License-MIT-yellow.svg"
      alt="License: MIT"
  /></a>
  <p>
    Feel free to copy, remix, and reuse any code you find here. You can see the
    source code on <a href="https://git.sr.ht/~wuz/wuz.sh">Sourcehut</a>
  </p>

  <h3 class="margin:1:bottom typescale:5 wght:700">Content License:</h3>
  <a href="https://creativecommons.org/licenses/by-sa/4.0/">
    <img
      src="https://img.shields.io/badge/License-CC%20BY--SA%204.0-lightgrey.svg"
      alt="License: CC BY-SA
    4.0"
  /></a>
  <p>
    While not required, I'd love to know if you use any of my posts somewhere!
    Shoot me a message on <a href="https://twitter.com/CallMeWuz">Twitter</a> or
    <a href="https://sunbeam.city/web/accounts/174086">Mastodon</a>!
  </p>
</main>

M index.html => index.html +5 -5
@@ 7,11 7,11 @@ title: Howdy, I'm Wuz!
	<header class="pos:rel">
		<h1 class="typescale:17 wght:900 text-gradient:hacker">Howdy, I'm Wuz.</h1>
	</header>
	<h2 class="typescale:8 margin:1:bottom bdr:rainbow:bottom">
	<h2 class="typescale:8 margin:1:bottom">
		Software engineer working to help other engineers learn and grow.
	</h2>
	<div>
		<h1 class="typescale:6">Current Focuses</h1>
		<h3 class="typescale:6">Current Focuses</h3>
		<ul>
			<li><a href="https://hackerrank.com">HackerRank</a> - The day job</li>
			<li><a href="https://indyhackers.org">IndyHackers</a> - A community for tech folks in Indiana</li>


@@ 19,7 19,7 @@ title: Howdy, I'm Wuz!
		</ul>
	</div>
	<div>
		<h1 class="typescale:6">Recent Writing</h1>
		<h3 class="typescale:6">Recent Writing</h3>
		<ul>
			{%- for post in collections.writing reversed -%} {% if post.data.stage >= 2 %}
			<li>


@@ 30,7 30,7 @@ title: Howdy, I'm Wuz!
		</ul>
	</div>
	<div>
		<h1 class="typescale:6">Find me on the web</h1>
		<h3 class="typescale:6">Find me on the web</h3>
		<ul>
			<li>
				<a rel="me" href="https://sunbeam.city/@wuz"> Mastodon </a>


@@ 50,7 50,7 @@ title: Howdy, I'm Wuz!
		</ul>
	</div>
	<div>
		<h1 class="typescale:6">Projects</h1>
		<h3 class="typescale:6">Projects</h3>
		<p>
			built <a href="https://dankneon.com">Dank Neon</a>, <a href="https://botsin.space/@ajjbot">AJJ Bot</a>,
			<a href="https://picdance.party">Picdance</a>, and