* QOL Dev changes

Mostly moving things into partials
This commit is contained in:
shockrah 2021-11-02 21:40:38 -07:00
parent 956c799ada
commit 691c0dcec2
4 changed files with 37 additions and 35 deletions

View File

@ -32,37 +32,8 @@
</div>
<div class="container">
{{ with .Site.GetPage "/projects" }}
<h1 class="section-header" id="projects">{{.Title}}</h1>
<div class="section">
{{ range .Pages }}
<div class="card">
<a href="{{.Params.Link}}"><h1 class="card-title title-link">{{.Title}}</h1></a>
<h6 class="card-subtitle mb-2 text-muted">{{.Params.Slogan}}</h6>
<a href="{{.Params.Link}}" class="card-img"><img src="{{.Params.Img}}" class="card-img"></a>
<div class="card-body"> {{.Content}} </div>
</div>
{{ end }}
</div>
{{ end }}
{{ with .Site.GetPage "/experience"}}
<h1 class="section-header" id="experience">{{.Title}}</h1>
<div class="section">
<ul class="timeline">
{{ range .Pages }}
<li>
<a>
<strong class="bigger">{{.Title}}</strong>
<em class="text-muted">@</em>
<a class="bigger">{{.Params.Company}}</a>
</a>
<p class="float-right">{{.Params.When}}</p>
<p>{{.Content}}</p>
</li>
{{ end }}
</ul>
</div>
{{ end }}
{{- partial "projects.html" . -}}
{{- partial "experience.html" . -}}
</div>
</body>
</html>

View File

@ -0,0 +1,18 @@
{{ with .Site.GetPage "/experience"}}
<h1 class="section-header" id="experience">{{.Title}}</h1>
<div class="section">
<ul class="timeline">
{{ range .Pages }}
<li>
<a>
<strong class="bigger">{{.Title}}</strong>
<em class="text-muted">@</em>
<a class="bigger">{{.Params.Company}}</a>
</a>
<p class="float-right">{{.Params.When}}</p>
<p>{{.Content}}</p>
</li>
{{ end }}
</ul>
</div>
{{ end }}

View File

@ -0,0 +1,13 @@
{{ with .Site.GetPage "/projects" }}
<h1 class="section-header" id="projects">{{.Title}}</h1>
<div class="section">
{{ range .Pages }}
<div class="card">
<a href="{{.Params.Link}}"><h1 class="card-title title-link">{{.Title}}</h1></a>
<h6 class="card-subtitle mb-2 text-muted">{{.Params.Slogan}}</h6>
<a href="{{.Params.Link}}" class="card-img"><img src="{{.Params.Img}}" class="card-img"></a>
<div class="card-body"> {{.Content}} </div>
</div>
{{ end }}
</div>
{{ end }}

View File

@ -147,11 +147,11 @@ a:hover { color: #EAA221; }
ul.timeline {
list-style-type: none;
position: relative;
padding-top: 1emy Wy W;
padding-top: 1em;
}
ul.timeline:before {
content: ' ';
background: #d4d9df;
background: #dcdcdc;
display: inline-block;
position: absolute;
left: 29px;
@ -165,11 +165,11 @@ ul.timeline > li {
}
ul.timeline > li:before {
content: ' ';
background: white;
background: #212121;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 3px solid #22c0e8;
border: 3px solid #0fc;
left: 20px;
width: 20px;
height: 20px;