barrett/barrettruth.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: icons

Browse source
This commit is contained in:
Barrett Ruth 2023-10-09 01:17:53 -04:00
parent 9e2bb4e80c
commit 85d53e1738
1 changed files with 34 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

36
index.html
View file

@ -4,11 +4,25 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<title>Barrett Ruth</title>
</head>
<body>
<h1>Barrett Ruth</h1>
<div class="container">
<div class="social-icons">
<a href="https://linkedin.com/in/barrett-ruth" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://github.com/barrett-ruth" target="_blank">
<i class="fab fa-github"></i>
</a>
</div>
<h1>Barrett Ruth</h1>
</div>
<aside>Software developer.</aside>
<aside>Simplicity advocate.</aside>
<h2>
@ -19,7 +33,9 @@
<a target="_blank" class="project" href="https://thecourseforum.com"
>theCourseForum</a
>
<span class="description">&#8212; university enrollment analytics</span>
<span class="description"
>&#8212; university-wide enrollment analytics</span
>
</li>
<li>
<a
@ -101,6 +117,22 @@
width: auto;
max-width: 450px;
}
.container {
position: relative;
}
.social-icons {
position: absolute;
top: 10px;
right: 10px;
font-size: 1.5em;
}
.social-icons a {
margin-left: 15px;
color: inherit;
text-decoration: none;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {