diff --git a/about.html b/about.html
new file mode 100644
index 0000000..e69de29
diff --git a/index.css b/index.css
index 920762c..c7c77c0 100644
--- a/index.css
+++ b/index.css
@@ -1,74 +1,130 @@
@font-face {
- font-family: 'Signifier';
- src: url('public/signifier/Signifier-Regular.ttf');
+ font-family: "Signifier";
+ src: url("public/signifier/Signifier-Regular.ttf");
font-weight: normal;
font-style: normal;
}
@font-face {
- font-family: 'Signifier';
- src: url('public/signifier/Signifier-Italic.ttf');
+ font-family: "Signifier";
+ src: url("public/signifier/Signifier-Italic.ttf");
font-weight: normal;
font-style: italic;
}
@font-face {
- font-family: 'Signifier';
- src: url('public/signifier/Signifier-Bold.ttf');
+ font-family: "Signifier";
+ src: url("public/signifier/Signifier-Bold.ttf");
font-weight: bold;
font-style: normal;
}
@font-face {
- font-family: 'Signifier';
- src: url('public/signifier/Signifier-BoldItalic.ttf');
+ font-family: "Signifier";
+ src: url("public/signifier/Signifier-BoldItalic.ttf");
font-weight: bold;
font-style: italic;
}
html,
body {
- height: 100%;
- font-family: "Signifier";
+ font-family: "Signifier", serif;
+ overflow: hidden;
margin: 0;
+ padding: 0;
+ height: 100%;
display: flex;
flex-direction: column;
- overscroll-behavior-x: none;
- overscroll-behavior-y: none;
- background-color: #f3f3f3;
-}
-
-main {
- flex: 1;
+ background-image: linear-gradient(
+ to right,
+ rgba(200, 200, 200, 0.4) 1px,
+ transparent 1px
+ ),
+ linear-gradient(to bottom, rgba(200, 200, 200, 0.4) 1px, transparent 1px);
+ background-size: 3vw 3vw;
}
header,
footer {
- text-align: center;
- padding: 10px 0;
+ font-size: 1.5em;
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ padding: 20px;
}
-header {
+.main {
+ flex: 1;
display: flex;
align-items: center;
- justify-content: space-between;
}
-.header-left {
- flex: 1;
- text-align: left;
-}
-
-.header-right {
- flex: 1;
- text-align: right;
-}
-
-img.logo {
- width: 7%;
- height: auto;
+header a,
+footer a {
+ margin-left: 20px;
}
ul {
- list-style: none; /* no bullet points */
+ list-style: none;
+}
+
+a {
+ color: inherit;
+ text-decoration: none;
+}
+
+.topics {
+ padding-left: 30px;
+ font-size: 2.5em;
+ margin: 0;
+}
+
+.topic {
+ margin-bottom: 25px;
+ transition: color 0.5s ease;
+}
+
+.topic.software:hover {
+ color: #0073e6;
+}
+.topic.economics:hover {
+ color: #009975;
+}
+.topic.trading:hover {
+ color: #d50032;
+}
+.topic.interview-problems:hover {
+ color: #6a0dad;
+}
+
+.logo {
+ height: 40px;
+}
+
+.topic a {
+ position: relative;
+ display: inline-block;
+ color: inherit;
+ text-decoration: none;
+}
+
+.topic a::after {
+ content: "";
+ height: 2px;
+ display: block;
+ margin-top: 4px;
+ background: currentColor;
+ transition:
+ width 0.5s ease,
+ right 0.5s ease;
+}
+
+.topic a:hover::after {
+ width: 100%;
+ right: 0;
+}
+
+.topic a:not(:hover)::after {
+ width: 0;
+ right: 100%;
}
diff --git a/index.html b/index.html
index 26becb6..318bb9d 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,48 @@
-
- barrett ruth
+
+
+
+
+ Barrett Ruth
- my website
+
+
+
+
+
diff --git a/public/resume.pdf b/public/resume.pdf
index 885f8be..0d0af9c 100644
Binary files a/public/resume.pdf and b/public/resume.pdf differ
diff --git a/wip.html b/wip.html
new file mode 100644
index 0000000..8d74fd2
--- /dev/null
+++ b/wip.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+
+
+
+ Barrett Ruth
+
+
+
+
+
+
+