Browse Source

v1

master
isthisnagee 4 months ago
commit
16a6186769
2 changed files with 122 additions and 0 deletions
  1. 87
    0
      index.html
  2. 35
    0
      styles.css

+ 87
- 0
index.html View File

@@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />

<title>isthisnagee</title>
<meta name="description" content="The HTML5 Herald" />
<meta name="author" content="SitePoint" />
<link rel="stylesheet" href="styles.css" />
</head>

<body>
<div class="wrapper">
<header>
<h1>isthisnagee</h1>
<nav>
<ul>
<li>
<a rel="noopener noreferrer" href="https://twitter.com"
>twitter</a
>
</li>
<li>
<a
aria-describedby="github-explanation"
rel="noopener noreferrer"
href="https://isthisgit.dev/isthisnagee"
>projects</a
>
<div role="tooltip" id="github-explanation">
Because of GitHub's ICE contract and
<a
rel="noopener noreferrer"
href="https://www.theregister.co.uk/2019/10/16/gitlab_employees_gagged/"
>Gitlab's initial reaction</a
>
to the Chef incidence by updating their policy to state that
they are willing to work with custers whose values "are
incompatible with [their] own", I have moved to a self hosted
solution for hosting my code.
</div>
</li>
<li>
<a
rel="noopener noreferrer"
href="https://www.linkedin.com/in/isthisnagee/"
>linkedin</a
>
</li>
<li>
<a rel="noopener noreferrer" href="mailto:hello@isthisnagee.com"
>email</a
>
</li>
</ul>
</nav>
</header>
<main role="main">
<p>yes, this is nagee.</p>
<p>
i'm currently at
<a rel="noopener noreferrer" href="https://joinhonor.com">honor</a>
helping build a better care experience.
</p>
<section>
here are some things im keeping track of:
<ul>
<li>
<a
href="https://nagees-books.glitch.me/"
rel="noopener noreferrer"
>books read</a
>
</li>
<li>
<a
href="https://www.last.fm/user/isthisnagee"
rel="noopener noreferrer"
>songs</a
>
</li>
</ul>
</section>
</main>
</div>
</body>
</html>

+ 35
- 0
styles.css View File

@@ -0,0 +1,35 @@
* {
/* margin: 0; */
/* padding: 0; */
font-family: monospace;
}

html,
body {
font-size: 16px;
}

a {
color: blue;
}

.wrapper {
display: flex;
flex-direction: column;
}

[role="tooltip"] {
display: none;
}
a:focus + [role="tooltip"],
a:hover + [role="tooltip"],
[role="tooltip"]:hover,
[role="tooltip"]:focus {
display: block;
background: white;
z-index: 1;
width: 200px;
position: absolute;
padding: 0.4rem;
border: 1px solid black;
}

Loading…
Cancel
Save