Make a tweak to the site layout
This commit is contained in:
parent
978bfcf8fc
commit
4d7f767451
@ -1,5 +1,5 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>{{ site.title }}</title>
|
<title>{{page.title}} | {{ site.title }}</title>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||||
|
|
||||||
|
|||||||
@ -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>
|
|
||||||
@ -7,11 +7,13 @@
|
|||||||
{% include nav.html %}
|
{% include nav.html %}
|
||||||
|
|
||||||
<div class="reactive-bg">
|
<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">
|
<div class="list-group" id="posts">
|
||||||
|
|
||||||
{% for event in site.data.events %}
|
{% for event in site.data.events %}
|
||||||
|
|||||||
@ -7,13 +7,12 @@
|
|||||||
{% include nav.html %}
|
{% include nav.html %}
|
||||||
|
|
||||||
<div class="reactive-bg">
|
<div class="reactive-bg">
|
||||||
<div class="post container">
|
|
||||||
|
<div class="title container">
|
||||||
<h1>{{page.title}}</h1>
|
<h1>{{page.title}}</h1>
|
||||||
|
</div><br>
|
||||||
|
|
||||||
<hr>
|
<div class="post container">
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
{{content}}
|
{{content}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
48
_layouts/portfolio.html
Normal file
48
_layouts/portfolio.html
Normal 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>
|
||||||
@ -6,27 +6,17 @@
|
|||||||
<div class="site-ctr">
|
<div class="site-ctr">
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
{% include nav.html %}
|
{% 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="reactive-bg">
|
||||||
|
|
||||||
|
<div class="title container">
|
||||||
|
<h1>{{page.title}}</h1>
|
||||||
|
<h4>{{page.description}}</h4>
|
||||||
|
</div><br>
|
||||||
|
|
||||||
|
|
||||||
<div class="post container">
|
<div class="post container">
|
||||||
<h1>{{page.title}}
|
<p class="post-date">
|
||||||
|
|
||||||
</h1>
|
|
||||||
<h4>{{page.description}}
|
|
||||||
|
|
||||||
</h4>
|
|
||||||
<hr>
|
|
||||||
<p>
|
|
||||||
<em>
|
<em>
|
||||||
<!-- Date -->
|
<!-- Date -->
|
||||||
{{page.date}}
|
{{page.date}}
|
||||||
@ -38,14 +28,12 @@
|
|||||||
|
|
||||||
<!-- Permalink -->
|
<!-- Permalink -->
|
||||||
{% if page.redirect_from %}
|
{% 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 %}
|
{% endif %}
|
||||||
</em>
|
</em>
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<br>
|
|
||||||
|
|
||||||
{{content}}
|
{{content}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -17,10 +17,11 @@
|
|||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="reactive-bg">
|
<div class="reactive-bg">
|
||||||
<div class="post container">
|
<div class="title container">
|
||||||
<h1>Posts</h1>
|
<h1>{{page.title}}</h1>
|
||||||
<hr>
|
</div><br>
|
||||||
|
|
||||||
|
<div class="post container">
|
||||||
<div class="list-group" id="posts">
|
<div class="list-group" id="posts">
|
||||||
<a href="#posts"
|
<a href="#posts"
|
||||||
class="feature list-group-item list-group-item-action list-group-item-dark ">Featured
|
class="feature list-group-item list-group-item-action list-group-item-dark ">Featured
|
||||||
|
|||||||
3
about.md
3
about.md
@ -1,5 +1,6 @@
|
|||||||
---
|
---
|
||||||
layout: about
|
title: About Me
|
||||||
|
layout: page
|
||||||
permalink: /about/
|
permalink: /about/
|
||||||
---
|
---
|
||||||
{{site.about}}
|
{{site.about}}
|
||||||
|
|||||||
@ -280,6 +280,22 @@ a h5 {
|
|||||||
background-color: #fff;
|
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 {
|
#advert {
|
||||||
/* background-color: #343a40; */
|
/* background-color: #343a40; */
|
||||||
/* color:#fff; */
|
/* color:#fff; */
|
||||||
|
|||||||
@ -1,3 +1,4 @@
|
|||||||
---
|
---
|
||||||
|
title: Blog Posts
|
||||||
layout: posts
|
layout: posts
|
||||||
---
|
---
|
||||||
@ -1,3 +1,5 @@
|
|||||||
---
|
---
|
||||||
|
title: Events
|
||||||
|
description: Notable events I am attending / have attended
|
||||||
layout: events
|
layout: events
|
||||||
---
|
---
|
||||||
1
index.md
1
index.md
@ -2,5 +2,6 @@
|
|||||||
# Feel free to add content and custom Front Matter to this file.
|
# 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
|
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
|
||||||
|
|
||||||
|
title: Home
|
||||||
layout: home
|
layout: home
|
||||||
---
|
---
|
||||||
|
|||||||
5
portfolio.md
Normal file
5
portfolio.md
Normal file
@ -0,0 +1,5 @@
|
|||||||
|
---
|
||||||
|
title: Portfolio
|
||||||
|
layout: portfolio
|
||||||
|
---
|
||||||
|
|
||||||
Loading…
x
Reference in New Issue
Block a user