feat: icons
This commit is contained in:
parent
9e2bb4e80c
commit
85d53e1738
1 changed files with 34 additions and 2 deletions
36
index.html
36
index.html
|
|
@ -4,11 +4,25 @@
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<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>
|
<title>Barrett Ruth</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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>Software developer.</aside>
|
||||||
<aside>Simplicity advocate.</aside>
|
<aside>Simplicity advocate.</aside>
|
||||||
<h2>
|
<h2>
|
||||||
|
|
@ -19,7 +33,9 @@
|
||||||
<a target="_blank" class="project" href="https://thecourseforum.com"
|
<a target="_blank" class="project" href="https://thecourseforum.com"
|
||||||
>theCourseForum</a
|
>theCourseForum</a
|
||||||
>
|
>
|
||||||
<span class="description">— university enrollment analytics</span>
|
<span class="description"
|
||||||
|
>— university-wide enrollment analytics</span
|
||||||
|
>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
|
|
@ -101,6 +117,22 @@
|
||||||
width: auto;
|
width: auto;
|
||||||
max-width: 450px;
|
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>
|
</style>
|
||||||
<script>
|
<script>
|
||||||
document.addEventListener("DOMContentLoaded", function () {
|
document.addEventListener("DOMContentLoaded", function () {
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue