Change section template names to avoid naming conflicts with common titles

This commit is contained in:
Jason Tipton 2020-06-29 21:15:38 -08:00
parent f1785ac88a
commit c49a06f115
11 changed files with 24 additions and 24 deletions

View file

@ -1,5 +1,5 @@
<div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container anchor p-md-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="about"> <div id="about-template">
<div class="row pt-sm-2 pt-md-4 align-self-center"> <div class="row pt-sm-2 pt-md-4 align-self-center">
<!-- summery --> <!-- summery -->
<div class="col-md-6"> <div class="col-md-6">

View file

@ -1,5 +1,5 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="achievements"> <div id="achievements-template">
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">{{ .section.name }}</h1>
<div class="container"> <div class="container">
<div class="row" id="gallery"> <div class="row" id="gallery">

View file

@ -1,5 +1,5 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="experiences"> <div id="experiences-template">
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">{{ .section.name }}</h1>
<div class="container timeline text-justify"> <div class="container timeline text-justify">

View file

@ -1,5 +1,5 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="projects"> <div id="projects-template">
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">{{ .section.name }}</h1>
<div class="container ml-auto text-center"> <div class="container ml-auto text-center">
<div class="btn-group flex-wrap" role="group" id="project-filter-buttons"> <div class="btn-group flex-wrap" role="group" id="project-filter-buttons">

View file

@ -1,5 +1,5 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="recent-posts"> <div id="recent-posts-template">
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">{{ .section.name }}</h1>
<div class="container"> <div class="container">
<div class="row" id="recent-post-cards"> <div class="row" id="recent-post-cards">

View file

@ -1,5 +1,5 @@
<div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}"> <div class="container-fluid anchor pb-5" id="{{ replace (lower .section.name) " " "-" }}">
<div id="skills"> <div id="skills-template">
<h1 class="text-center">{{ .section.name }}</h1> <h1 class="text-center">{{ .section.name }}</h1>
<div class="container d-flex-block"> <div class="container d-flex-block">
<div class="row" id="primary-skills"> <div class="row" id="primary-skills">

View file

@ -1,4 +1,4 @@
#achievements .container { #achievements-template .container {
padding-top: 0.5rem; padding-top: 0.5rem;
} }

View file

@ -1,10 +1,10 @@
#projects .card .card-header { #projects-template .card .card-header {
background-color: #f9fafc; background-color: #f9fafc;
padding: 0.7rem; padding: 0.7rem;
padding-bottom: 0rem; padding-bottom: 0rem;
} }
#projects .card .card-img-xs { #projects-template .card .card-img-xs {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
@ -15,11 +15,11 @@
float: right; float: right;
} }
#projects .card .card-body { #projects-template .card .card-body {
padding: 0.7rem; padding: 0.7rem;
} }
#projects .card .card-header .sub-title { #projects-template .card .card-header .sub-title {
color: #8392a5; color: #8392a5;
margin-top: 0.4rem; margin-top: 0.4rem;
} }
@ -55,7 +55,7 @@
/* Small devices (landscape phones, 576px and up) */ /* Small devices (landscape phones, 576px and up) */
@media only screen and (max-width: 576px) { @media only screen and (max-width: 576px) {
#projects .btn { #projects-template .btn {
margin-top: 0.3125rem; margin-top: 0.3125rem;
} }
} }

View file

@ -1,19 +1,19 @@
#recent-posts .container{ #recent-posts-template .container{
padding-top: 1rem; padding-top: 1rem;
} }
#recent-posts .card .card-footer span { #recent-posts-template .card .card-footer span {
font-size: 10pt; font-size: 10pt;
color: #6c757d !important; color: #6c757d !important;
padding-top: 5px; padding-top: 5px;
} }
#recent-posts .card .card-footer { #recent-posts-template .card .card-footer {
background: #fff; background: #fff;
margin-top: auto; margin-top: auto;
} }
#recent-posts .post-card-link{ #recent-posts-template .post-card-link{
text-decoration: none; text-decoration: none;
} }

View file

@ -1,4 +1,4 @@
#skills .card .card-head { #skills-template .card .card-head {
background-color: #f9fafc; background-color: #f9fafc;
height: fit-content; height: fit-content;
padding: 0.7rem; padding: 0.7rem;
@ -6,16 +6,16 @@
border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125); border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125);
} }
#skills .card .card-img-xs { #skills-template .card .card-img-xs {
margin-right: 0.5rem; margin-right: 0.5rem;
} }
#skills .card { #skills-template .card {
margin-top: 0.5rem; margin-top: 0.5rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
#skills .card .card-body { #skills-template .card .card-body {
padding-top: 0.2rem; padding-top: 0.2rem;
padding-left: 0.7rem; padding-left: 0.7rem;
} }

View file

@ -250,10 +250,10 @@ img.right{
padding-right: 5px; padding-right: 5px;
} }
#skills, #skills-template,
#projects, #projects-template,
#recent-posts, #recent-posts-template,
#achievements{ #achievements-template{
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
} }