diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..46eacd4 --- /dev/null +++ b/.gitignore @@ -0,0 +1,10 @@ +# Vim files +*.swp +*.swo +*.swn + +# Hugo +/public +/resources/_gen +/resources/_gen/* + diff --git a/content/_index.md b/content/_index.md index a556684..d64f094 100644 --- a/content/_index.md +++ b/content/_index.md @@ -3,4 +3,7 @@ title: "Home" date: 2023-06-27 --- -Welcome to my site! + +# Hi, I'm Tyler + +I'm a software engineer that does a little bit of everything diff --git a/data/footer.json b/data/footer.json new file mode 100644 index 0000000..c1ae069 --- /dev/null +++ b/data/footer.json @@ -0,0 +1,36 @@ +{ + "Contact": [ + { + "name": "Email", + "url": "mailto:hello@clortox.com" + }, + { + "name": "LinkedIn", + "url": "https://www.linkedin.com/in/tyler-perkins-xyz/" + }, + { + "name": "Github", + "url": "https://github.com/Clortox" + } + ], + "Services": [ + { + "name": "Git", + "url": "https://git.clortox.com/" + }, + { + "name": "Files", + "url": "https://files.clortox.com/" + }, + { + "name": "Search", + "url": "https://search.clortox.com/" + }, + { + "name": "Youtube Frontend", + "url": "https://watch.clortox.com/" + } + ] + + +} diff --git a/data/header.json b/data/header.json new file mode 100644 index 0000000..23ebcb3 --- /dev/null +++ b/data/header.json @@ -0,0 +1,27 @@ +{ + "LeftHandSide": [ + { + "name": "Home", + "url": "/" + }, + { + "name": "Resume", + "url": "/resume/" + }, + { + "name": "Blog", + "url": "/blog/" + }, + { + "name": "About", + "url": "/about/" + } + ], + "RightHandSide": [ + { + "name": "Login", + "url": "https://auth.clortox.com/" + } + ] + +} diff --git a/layouts/index.html b/layouts/index.html index 0686c2a..defcefa 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,16 +1,7 @@ {{ define "main" }} -
+
{{ .Content }}
- -
- -
- {{ end }} diff --git a/static/css/.styles.css.swp b/static/css/.styles.css.swp deleted file mode 100644 index d071f4b..0000000 Binary files a/static/css/.styles.css.swp and /dev/null differ diff --git a/static/css/background.css b/static/css/background.css new file mode 100644 index 0000000..123c22a --- /dev/null +++ b/static/css/background.css @@ -0,0 +1,16 @@ +@keyframes animatedBackground { + from { background-position: 0 0; } + to { background-position: 0 100%; } +} +@keyframes rotateBackground { + from { transform: rotate(0deg); } + to { transform: rotate(360deg); } +} + +body { + background-image: url("/img/webb-dark.png"); + + background-position: center; + background-repeat: cover; + background-attachment: fixed; +} diff --git a/static/css/footer.css b/static/css/footer.css new file mode 100644 index 0000000..6dfd815 --- /dev/null +++ b/static/css/footer.css @@ -0,0 +1,57 @@ +/* Footer */ + +footer { + background-color: rgba(11,11,11,0.9); + color: white; + padding: 15px; + text-align: center; + padding-top: 3vh; +} + +.footer-fade { + background: linear-gradient(rgba(11,11,12,0.2) 0%, rgba(11,11,12,1) 35%); +} + +.footer-sections { + display: grid; + align-content: center; + justify-content: center; + align-items: start; + justify-items: center; + grid-template-columns: 1fr 1fr 1fr; +} + +.footer-list { + width: 100%; + margin: 0; + display: grid; + grid-template-columns: 1fr; + text-align: left; +} + +.footer-list a { + width: calc(100% - 30px); + background: rgba(22,22,24,1); + border: grey; + text-decoration: underline 0.1em rgba(255,255,255,0); + transition: 300ms; + margin: 1px 0px; + padding: 15px; + +} + +.footer-list a:hover { + text-decoration: underline 0.1em rgba(255,255,255,1); + background: rgba(33,33,36,1); + +} + +.footer-header { + margin-top: 5px; + +} + +small { + font-size: 0.8em; + color: rgba(255,255,255,0.5); +} diff --git a/static/css/header.css b/static/css/header.css new file mode 100644 index 0000000..4f00985 --- /dev/null +++ b/static/css/header.css @@ -0,0 +1,39 @@ +/* Header */ + +.navbar { + margin: 0; + background: rgb(11,11,12); + height: 3em; + border-color: white; + border-bottom: 5px; + + overflow: hidden; + + -ms-overflow-style: none; + scrollbar-width: none; +} + +.sticky { + position: fixed; + top: 0; + width: 100%; +} + +.navbar a { + float: left; + display: block; + color: white; + text-align: center; + padding: 10px 10px; + text-decoration: underline 0.1em rgba(255,255,255,0); + transition: text-decoration 300ms; +} + +.navbar a:hover { + text-decoration: underline 0.1em rgba(255,255,255,1); +} + +.navbar-right { + float: right; + margin-right 10px; +} diff --git a/static/css/styles.css b/static/css/styles.css index e9f802a..1adb084 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1,3 +1,43 @@ +/* General Formatting*/ + +@font-face { + font-family: 'Hermit'; + src: url('fonts/Hermit-Regular.woff') format('woff'); + url('fonts/Hermit-Regular.woff2') format('woff2'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +body { + overflow-x: hidden; + margin: 0; + height: 100%; + padding-bottom: 0px; +} + +h1, h2, h3, h4 { + font-family: 'Hermit', Helvetica, Arial, sans-serif; + font-size: 56px; + line-height: 80px; + text-shadow: 1px 1px 1px grey; + color: white; +} + +p, a, li, tr, td, span, noscript, figcaption { + font-family: 'Hermit', Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 25px; + color: white; +} + +html { + scroll-behavior: smooth; + width: 100vw; + -ms-overflow-style: none; + scrollbar-width: none; +} + .centered { width: 100vw; max-width: 100%; @@ -11,16 +51,13 @@ } .top-fade { - background: linear-gradient(rgba(11,11,12,1) 0%, rgba(11,11,12,0.9 20%), rgba(0,0,0,0.1), 100%) + background: linear-gradient(rgba(11,11,12,1) 0%, rgba(11,11,12,0.9) 30%, rgba(0,0,0,0.1) 100%) } .dashed-bottom { border-bottom: 5px dashed white; } -body { - overflow-x: hidden; - margin: 0; - height: 100%; - padding-bottom: 0px; +.intro-content { + text-align: center; } diff --git a/static/fonts/Hermit-Regular.woff b/static/fonts/Hermit-Regular.woff new file mode 100644 index 0000000..df8c1c4 Binary files /dev/null and b/static/fonts/Hermit-Regular.woff differ diff --git a/static/fonts/Hermit-Regular.woff2 b/static/fonts/Hermit-Regular.woff2 new file mode 100644 index 0000000..9b4dc0a Binary files /dev/null and b/static/fonts/Hermit-Regular.woff2 differ diff --git a/static/img/prism.png b/static/img/prism.png new file mode 100644 index 0000000..0f02b16 Binary files /dev/null and b/static/img/prism.png differ diff --git a/static/img/webb-dark.png b/static/img/webb-dark.png new file mode 100644 index 0000000..c175914 Binary files /dev/null and b/static/img/webb-dark.png differ diff --git a/themes/clortox/layouts/_default/.baseof.html.swp b/themes/clortox/layouts/_default/.baseof.html.swp deleted file mode 100644 index 9cb35db..0000000 Binary files a/themes/clortox/layouts/_default/.baseof.html.swp and /dev/null differ diff --git a/themes/clortox/layouts/partials/footer.html b/themes/clortox/layouts/partials/footer.html index 3ff4752..4043742 100644 --- a/themes/clortox/layouts/partials/footer.html +++ b/themes/clortox/layouts/partials/footer.html @@ -1,5 +1,22 @@ -