! Finalized theme framework

This commit is contained in:
shockrah 2021-11-05 17:31:19 -07:00
parent 25e9fe1977
commit 2c1443d9da
4 changed files with 20 additions and 7 deletions

View File

@ -2,7 +2,7 @@
<html lang="en-us">
{{ partial "head.html" . }}
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
<a class="navbar-brand"><img src="/images/favicon.png" width="30", height="30" class="d-inline-block align-top" alt="">
<strong>Sections</strong>
</a>
@ -30,12 +30,12 @@
<p class="reveal-text" style="font-size: 2rem;">{{.Site.Params.Description}}</p>
<!-- TODO: move this into a partial for better control -->
{{ if .Site.Params.Gitlab }}
<a class="socials" href="{{.Site.Params.Gitlab}}">
<a class="socials reveal-text" href="{{.Site.Params.Gitlab}}">
<i class="fab fa-gitlab"></i>
</a>
{{ end }}
{{ if .Site.Params.Linkedin }}
<a class="socials" href="{{.Site.Params.Linkedin}}">
<a class="socials reveal-text" href="{{.Site.Params.Linkedin}}">
<i class="fab fa-linkedin-in"></i>
</a>
{{ end }}
@ -43,8 +43,8 @@
</div>
<div class="container">
{{- partial "projects.html" . -}}
{{- partial "experience.html" . -}}
{{- partial "projects.html" . -}}
{{- partial "education.html" . -}}
</div>
</body>

View File

@ -9,7 +9,7 @@
<em class="text-muted">@</em>
<a class="bigger">{{.Params.Company}}</a>
</a>
<p class="float-right">{{.Params.When}}</p>
<p class="badge badge-dark float-right">{{.Params.When}}</p>
<p>{{.Content}}</p>
</li>
{{ end }}

View File

@ -1,5 +1,15 @@
{{ with .Site.GetPage "/projects" }}
<h1 class="section-header" id="projects">{{.Title}}</h1>
{{ if .Page.Params.Subtitle }}
<p>
{{.Page.Params.Subtitle}}
{{ if .Page.Params.Gitpage }}
<a href="{{.Page.Params.Gitpage}}">
<i class="fab fa-gitlab"></i>
</a>
{{ end }}
</p>
{{ end }}
<div class="section">
{{ range .Pages }}
<div class="card">
@ -10,4 +20,4 @@
</div>
{{ end }}
</div>
{{ end }}
{{ end }}

View File

@ -142,7 +142,10 @@ html {
a { color:#dcdcdc; }
a:hover { color: #EAA221; }
.card-img { max-width: 250px; }
.card-img {
width: auto;
height: 150px;
}
.card {
background-color: transparent;
max-width: 45%;