Base working skeleton now needs link support
This commit is contained in:
parent
b8de5c0175
commit
a3c84ffed4
2
.gitattributes
vendored
Normal file
2
.gitattributes
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
*.xcf filter=lfs diff=lfs merge=lfs -text
|
||||||
|
*.png filter=lfs diff=lfs merge=lfs -text
|
||||||
4
.gitignore
vendored
Normal file
4
.gitignore
vendored
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
main-site/public/
|
||||||
|
main-site/.hugo_build.lock
|
||||||
|
*.swp
|
||||||
|
|
||||||
5
main-site/archetypes/default.md
Normal file
5
main-site/archetypes/default.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
+++
|
||||||
|
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
|
||||||
|
date = {{ .Date }}
|
||||||
|
draft = true
|
||||||
|
+++
|
||||||
7
main-site/content/_index.md
Normal file
7
main-site/content/_index.md
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
---
|
||||||
|
links:
|
||||||
|
twitch: twitch.tv/shockrah
|
||||||
|
mastodon: qoto.org/@shockrah
|
||||||
|
---
|
||||||
|
|
||||||
|
Press the buttons if you want :3
|
||||||
9
main-site/hugo.yaml
Normal file
9
main-site/hugo.yaml
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
baseURL: 'https://temper.tv/'
|
||||||
|
languageCode: 'en-us'
|
||||||
|
title: Hiya, I'm temper
|
||||||
|
|
||||||
|
theme: 'temper'
|
||||||
|
|
||||||
|
Params:
|
||||||
|
description: I like to make stuff
|
||||||
|
|
||||||
20
main-site/themes/temper/LICENSE
Normal file
20
main-site/themes/temper/LICENSE
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
The MIT License (MIT)
|
||||||
|
|
||||||
|
Copyright (c) 2021 YOUR_NAME_HERE
|
||||||
|
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||||
|
this software and associated documentation files (the "Software"), to deal in
|
||||||
|
the Software without restriction, including without limitation the rights to
|
||||||
|
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||||
|
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||||
|
subject to the following conditions:
|
||||||
|
|
||||||
|
The above copyright notice and this permission notice shall be included in all
|
||||||
|
copies or substantial portions of the Software.
|
||||||
|
|
||||||
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||||
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||||
|
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||||
|
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||||
|
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||||
|
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||||
2
main-site/themes/temper/archetypes/default.md
Normal file
2
main-site/themes/temper/archetypes/default.md
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
+++
|
||||||
|
+++
|
||||||
@ -2,28 +2,9 @@
|
|||||||
<html lang="en-us">
|
<html lang="en-us">
|
||||||
{{ partial "head.html" . }}
|
{{ partial "head.html" . }}
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
|
|
||||||
<a href="#" class="navbar-brand"><img src="/img/favicon.png" width="30", height="30" class="d-inline-block align-top" alt="">
|
|
||||||
<strong>Temper.tv</strong>
|
|
||||||
</a>
|
|
||||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse" id="navbarNav">
|
|
||||||
<ul class="navbar-nav">
|
|
||||||
{{ range (.Paginate (.Pages.ByParam "rank")).Pages }}
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="#{{trim .RelPermalink "/"}}">
|
|
||||||
{{.Title}}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{{ end }}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<div class="banner-container">
|
<div class="banner-container">
|
||||||
<div class="fade-in-image">
|
<div class="fade-in-image">
|
||||||
<img class="fluid" src="/img/bg.png">
|
<img class="bg-img" src="/img/bg.png">
|
||||||
</div>
|
</div>
|
||||||
<div class="headline">
|
<div class="headline">
|
||||||
<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
|
<h1 class="headline-title reveal-text">{{.Site.Title}}</h1>
|
||||||
@ -32,12 +13,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
{{- partial "experience.html" . -}}
|
|
||||||
{{- partial "projects.html" . -}}
|
|
||||||
{{- partial "education.html" . -}}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
Binary file not shown.
@ -1,5 +1,4 @@
|
|||||||
<head>
|
<head>
|
||||||
|
|
||||||
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
|
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
|
||||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||||
|
|||||||
7
main-site/themes/temper/static/css/bootstrap.min.css
vendored
Normal file
7
main-site/themes/temper/static/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
232
main-site/themes/temper/static/css/style.css
Normal file
232
main-site/themes/temper/static/css/style.css
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
body {
|
||||||
|
background-color: #212121;
|
||||||
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
color: #dcdcdc;
|
||||||
|
}
|
||||||
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.banner-container {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-img {
|
||||||
|
background-image: url("/img/bg.png");
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fade-in-image {
|
||||||
|
animation: fadeIn 3s;
|
||||||
|
-webkit-animation: fadeIn 3s;
|
||||||
|
-moz-animation: fadeIn 3s;
|
||||||
|
-o-animation: fadeIn 3s;
|
||||||
|
-ms-animation: fadeIn 3s;
|
||||||
|
}
|
||||||
|
@keyframes fadeIn {
|
||||||
|
0% {opacity:0;}
|
||||||
|
100% {opacity:1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes fadeIn {
|
||||||
|
0% {opacity:0;}
|
||||||
|
100% {opacity:1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes fadeIn {
|
||||||
|
0% {opacity:0;}
|
||||||
|
100% {opacity:1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes fadeIn {
|
||||||
|
0% {opacity:0;}
|
||||||
|
100% {opacity:1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-ms-keyframes fadeIn {
|
||||||
|
0% {opacity:0;}
|
||||||
|
100% {opacity:1;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.fluid {
|
||||||
|
width: 100%;
|
||||||
|
max-height: 100vh;
|
||||||
|
object-fit: cover;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 10%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline-title {
|
||||||
|
font-size: 4rem;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.one-liner {
|
||||||
|
font-size: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.socials {
|
||||||
|
display:inline;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reveal-text {
|
||||||
|
animation: slideIn 1.2s;
|
||||||
|
animation-delay: 750ms;
|
||||||
|
color: transparent;
|
||||||
|
animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-webkit-animation: slideIn 1.2s;
|
||||||
|
-webkit-animation-delay: 750ms;
|
||||||
|
-webkit-animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-moz-animation: slideIn 1.2s;
|
||||||
|
-moz-animation-delay: 750ms;
|
||||||
|
-moz-animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-o-animation: slideIn 1.2s;
|
||||||
|
-o-animation-delay: 750ms;
|
||||||
|
-o-animation-fill-mode: forwards;
|
||||||
|
|
||||||
|
-ms-animation: slideIn 1.2s;
|
||||||
|
}
|
||||||
|
@keyframes slideIn {
|
||||||
|
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||||
|
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideIn {
|
||||||
|
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||||
|
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideIn {
|
||||||
|
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||||
|
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideIn {
|
||||||
|
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||||
|
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-ms-keyframes slideIn {
|
||||||
|
0% {color: #dcdcdc; clip-path: inset(0 100% 0 0);}
|
||||||
|
100% {color: #dcdcdc; clip-path: inset(0 0 0 0);}
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-header {
|
||||||
|
color: #EAA221;
|
||||||
|
font-weight: bold;
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
.section {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-link { color: #EAA221; }
|
||||||
|
.title-link { text-decoration-color: #EAA221; }
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding: 1em;
|
||||||
|
margin: 1em;
|
||||||
|
min-width: 250px;
|
||||||
|
}
|
||||||
|
a { color:#dcdcdc; }
|
||||||
|
a:hover { color: #EAA221; }
|
||||||
|
|
||||||
|
.card-img {
|
||||||
|
width: auto;
|
||||||
|
height: 150px;
|
||||||
|
}
|
||||||
|
.card {
|
||||||
|
background-color: transparent;
|
||||||
|
max-width: 45%;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul.timeline {
|
||||||
|
list-style-type: none;
|
||||||
|
position: relative;
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
ul.timeline:before {
|
||||||
|
content: ' ';
|
||||||
|
background: #dcdcdc;
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
left: 29px;
|
||||||
|
width: 2px;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 400;
|
||||||
|
}
|
||||||
|
ul.timeline > li {
|
||||||
|
margin: 20px 0;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
ul.timeline > li:before {
|
||||||
|
content: ' ';
|
||||||
|
background: #212121;
|
||||||
|
display: inline-block;
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 50%;
|
||||||
|
border: 3px solid #0fc;
|
||||||
|
left: 20px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
z-index: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bigger {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
body { min-width: 100%; }
|
||||||
|
p { font-size: x-large; }
|
||||||
|
li { font-size: x-large; }
|
||||||
|
h6 { font-size: x-large; }
|
||||||
|
.media-float { float: none!important; }
|
||||||
|
.container { max-width: 100%; }
|
||||||
|
.card {
|
||||||
|
max-width: 100%;
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.headline { bottom: 0; }
|
||||||
|
.headline-title { font-size: 1.5em; }
|
||||||
|
.one-liner { font-size: 1em; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media only (max-width: 1024px) {
|
||||||
|
p { font-size: xxx-large; }
|
||||||
|
li { font-size: xxx-large; }
|
||||||
|
h6 { font-size: xxx-large; }
|
||||||
|
.media-float { float: none!important; }
|
||||||
|
.section-header { font-size: 4rem; }
|
||||||
|
.card-title { font-size: 5rem; }
|
||||||
|
.card-subtitle { font-size: 2.75rem; }
|
||||||
|
.card { max-width: 100%; }
|
||||||
|
.bigger { font-size: 2.75rem; }
|
||||||
|
.container { max-width: 90%; }
|
||||||
|
}
|
||||||
16
main-site/themes/temper/theme.toml
Normal file
16
main-site/themes/temper/theme.toml
Normal file
@ -0,0 +1,16 @@
|
|||||||
|
# theme.toml template for a Hugo theme
|
||||||
|
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||||
|
|
||||||
|
name = "temper"
|
||||||
|
license = "MIT"
|
||||||
|
licenselink = ""
|
||||||
|
description = "Theme for temper.tv"
|
||||||
|
homepage = "https://temper.tv"
|
||||||
|
tags = []
|
||||||
|
features = []
|
||||||
|
min_version = "0.41.0"
|
||||||
|
|
||||||
|
[author]
|
||||||
|
name = "shockrah"
|
||||||
|
homepage = "https://shockrah.xyz"
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user