1

Make a tweak to the site layout

This commit is contained in:
Evan Pratten 2020-04-19 11:37:40 -04:00
parent 978bfcf8fc
commit 4d7f767451
No known key found for this signature in database
GPG Key ID: 93AC7B3D071356D3
14 changed files with 100 additions and 70 deletions

View File

@ -1,5 +1,5 @@
<head>
<title>{{ site.title }}</title>
<title>{{page.title}} | {{ site.title }}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />

View File

@ -1,35 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<!-- <div style="height:5vh"></div> -->
<div class="reactive-bg">
<div class="post container" style="min-height:100vh">
<h1>About Me</h1>
<hr>
{{content}}
</div>
</div>
</div>
<br>
<div class="reactive-bg">
<div class="post container" id="advert">
<span >
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
This site was last updated at: {{site.time}}
</span>
</div>
</div>
{% include footer.html %}
</body>

View File

@ -7,11 +7,13 @@
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
<h1>Events</h1>
<p>Here is a list of notable events I am attending / have attended</p>
<hr>
<div class="title container">
<h1>{{page.title}}</h1>
<h4>{{page.description}}</h4>
</div><br>
<div class="post container">
<div class="list-group" id="posts">
{% for event in site.data.events %}

View File

@ -7,13 +7,12 @@
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
<div class="title container">
<h1>{{page.title}}</h1>
</div><br>
<hr>
<br>
<div class="post container">
{{content}}
</div>
</div>

48
_layouts/portfolio.html Normal file
View File

@ -0,0 +1,48 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="title container">
<h1>{{page.title}}</h1>
</div>
<br>
<div class="post container">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel" data-interval="">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://scontent-yyz1-1.cdninstagram.com/v/t51.2885-15/e35/92883275_1027088314352400_5268990124422184925_n.jpg?_nc_ht=scontent-yyz1-1.cdninstagram.com&_nc_cat=100&_nc_ohc=VG8O-JDDnFIAX8F34ZK&oh=a18700b43d9c251b62bc4d034dec772b&oe=5EC66F96" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

View File

@ -6,27 +6,17 @@
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<!-- <div style="height:5vh"></div> -->
<!-- Header -->
<!-- <div class="header">
<div class="container">
<div class="content">
</div>
</div>
<div class="header-gap"></div>
</div> -->
<div class="reactive-bg">
<div class="title container">
<h1>{{page.title}}</h1>
<h4>{{page.description}}</h4>
</div><br>
<div class="post container">
<h1>{{page.title}}
</h1>
<h4>{{page.description}}
</h4>
<hr>
<p>
<p class="post-date">
<em>
<!-- Date -->
{{page.date}}
@ -38,14 +28,12 @@
<!-- Permalink -->
{% if page.redirect_from %}
<a href="{{site.baseurl}}{{page.redirect_from[0]}}"><i class="fas fa-link"></i></a>
<!-- <a href="{{site.baseurl}}{{page.redirect_from[0]}}"><i class="fas fa-link"></i></a> -->
{% endif %}
</em>
</p>
<br>
{{content}}
</div>
</div>

View File

@ -17,10 +17,11 @@
</div> -->
<div class="reactive-bg">
<div class="post container">
<h1>Posts</h1>
<hr>
<div class="title container">
<h1>{{page.title}}</h1>
</div><br>
<div class="post container">
<div class="list-group" id="posts">
<a href="#posts"
class="feature list-group-item list-group-item-action list-group-item-dark ">Featured

View File

@ -1,5 +1,6 @@
---
layout: about
title: About Me
layout: page
permalink: /about/
---
{{site.about}}

View File

@ -280,6 +280,22 @@ a h5 {
background-color: #fff;
}
.title.container{
text-align:center;
padding-top:15px;
padding-bottom:15px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
border-radius: 5px;
/* transform: translateY(-30px); */
background-color: #fff;
}
.post-date{
color:rgba(182, 182, 182, 0.602);
}
#advert {
/* background-color: #343a40; */
/* color:#fff; */

View File

@ -1,3 +1,4 @@
---
title: Blog Posts
layout: posts
---

View File

@ -1,3 +1,5 @@
---
title: Events
description: Notable events I am attending / have attended
layout: events
---

View File

@ -2,5 +2,6 @@
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
title: Home
layout: home
---

View File

@ -1,3 +1,4 @@
---
title: Music
layout: music
---

5
portfolio.md Normal file
View File

@ -0,0 +1,5 @@
---
title: Portfolio
layout: portfolio
---