evan/ewpratten.com
1
Fork 0
Code Actions

Change format pages

Browse Source
This commit is contained in:
Evan Pratten 2020-07-20 16:08:21 -04:00
parent 1d54399f4f
commit 07fbb140bd
No known key found for this signature in database
GPG Key ID: 93AC7B3D071356D3
29 changed files with 257 additions and 687 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
_includes/advert.html
View File

@ -1,21 +0,0 @@
<br>
<div class="reactive-bg">
<div class="post container" id="advert">
<span>
<p id="a-txt">Advertisement: </p>
</span>
</div>
</div>
<script>
// Possible adverts
adverts = [
'Want to waste away your period 4 english class by playing games? Check out <a href="https://rsninja.dev">rsninja.dev</a>',
'Is dark mode too cheery? Check out <a href="https://exvacuum.dev">exvacuum.dev</a>',
'I have no idea what to write for this: <a href="https://hyperlisk.dev">hyperlisk.dev</a>'
]
// Display random advert
document.getElementById("a-txt").innerHTML += adverts[Math.floor(Math.random()*adverts.length)]
</script>

57
_includes/footer.html
View File

@ -1,39 +1,7 @@
<!-- <div id="particles-js"></div> -->
<br><br>
<!-- Brython -->
<script src="/assets/js/brython.js"></script>
<script src="/assets/js/brython_stdlib.js"></script>
<script>
function startPY() {
brython();
console.log("Started Python")
}
window.onload = startPY;
</script>
<!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
<script>
(function (f, a, t, h, o, m) {
a[h] = a[h] || function () {
(a[h].q = a[h].q || []).push(arguments)
};
o = f.createElement('script'),
m = f.getElementsByTagName('script')[0];
o.async = 1; o.src = t; o.id = 'fathom-script';
m.parentNode.insertBefore(o, m)
})(document, window, '//a.rtlroute.cc/tracker.js', 'fathom');
fathom('set', 'siteId', 'WOCXR');
fathom('trackPageview');
</script>
<!-- / Fathom -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
@ -77,25 +45,14 @@
</script>
<!-- particles -->
<script>
var body = document.body
var particles = document.getElementById("particles-js")
particles.style.height = body.scrollHeight + "px"
console.log(body.scrollHeight)
</script>
<script src="/assets/js/particles.min.js"></script>
<script>
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
console.log('callback - particles.js config loaded');
});
</script>
{% if page.requires_twitter %}
<!-- Twitter embeds -->
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
{% endif %}
{% if page.requires_graphs %}
<!-- Roughviz -->
<script src="https://unpkg.com/rough-viz@1.0.5"></script>
<script src="https://unpkg.com/rough-viz@1.0.5"></script
{% endif %}
>

22
_includes/head.html
View File

@ -5,17 +5,27 @@
{%seo%}
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css">
<!-- <link rel="stylesheet" href="{{site.baseurl}}/assets/css/dark.css"> -->
<!-- Site style -->
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/color-theme.css">
<!-- <link rel="stylesheet" href="{{site.baseurl}}/assets/css/main.css"> -->
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/fonts.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/github-syntax.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/fontawesome.css">
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
<!-- <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> -->
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/navigation.css">
<link rel="stylesheet" href="{{site.baseurl}}/assets/css/page.css">
<!-- Icons and Brands -->
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i"
rel="stylesheet">
<!-- Adsense -->
<script data-ad-client="ca-pub-6940033544404615" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script data-ad-client="ca-pub-6940033544404615" async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>

11
_includes/nav.html
View File

@ -1,7 +1,8 @@
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg custom-navbar" id="navbar">
<!-- Navbar content -->
<div class="container">
<a class="navbar-brand" href="{{site.baseurl}}/"><span>{{site.title}}</span></a>
<a class="navbar-brand" href="{{site.baseurl}}/"><img src="{{site.baseurl}}/assets/images/Signature.png"></a>
<!-- <span>{{site.title}}</span></a> -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
@ -11,12 +12,8 @@
<a class="nav-item nav-link" href="{{site.baseurl}}/blog">Blog</a>
<a class="nav-item nav-link" href="{{site.baseurl}}/projects">Projects</a>
<a class="nav-item nav-link" href="{{site.baseurl}}/events">Events</a>
<!-- <a class="nav-item nav-link" href="{{site.baseurl}}/music">Music</a> -->
<!-- <a class="nav-item nav-link" href="{{site.baseurl}}/documentation">Documentation</a> -->
<a class="nav-item nav-link" href="{{site.baseurl}}/about">About</a>
</div>
</div>
</div>
</nav>
<br>
</nav>

71
_layouts/album.html
View File

@ -1,71 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
{% assign path = page.url | split: "/" %}
{% assign album = path[2] %}
<br><br>
<div class="card" style="width: 23rem;margin:auto;">
{% if page.has_art %}
<img src="/assets/images/{{album}}/cover.jpg" class="card-img" alt="Cover art">
{% endif %}
<div class="card-body">
<p class="card-text">
<h3>{{page.title}}</h3>
<p>{{page.description}}</p>
<hr>
<!-- Audio controller -->
<audio id="audio" controls style="width:100%">
<source id="audioSource" src="{{page.tracks[0][1]}}" type="audio/mpeg">
Your browser does not support audio players
</audio>
<br><br>
<div id="tracklist">
{% for track in page.tracks %}
<a href="#" data-value="{{track[1]}}">{{track[0]}}</a><br>
{% endfor %}
</div>
</p>
</div>
</div>
</div>
</div>
{% include footer.html %}
<!-- Audio player controller -->
<script>
tracklist.onclick = function (e) {
e.preventDefault();
var elm = e.target;
var audio = document.getElementById('audio');
var source = document.getElementById('audioSource');
source.src = elm.getAttribute('data-value');
audio.load();
audio.play();
};
</script>
</body>

53
_layouts/album.html.old
View File

@ -1,53 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
{% assign path = page.url | split: "/" %}
{% assign album = path[2] %}
<h1>{{page.title}}</h1>
<hr>
<i>{{page.date}}</i>
<br><br>
<p>{{page.description}}</p>
<div class="card mb-3" style="max-width: 540px;">
<div class="row no-gutters">
<div class="col-md-4">
<img src="/assets/images/{{album}}/cover.jpg" class="card-img" alt="Cover art">
</div>
<div class="col-md-8">
<div class="card-body">
<!-- <h5 class="card-title">Card title</h5> -->
<p class="card-text">
{% for track in page.tracks %}
<p>{{track[1]}} <a ></a></p>
/assets/audio/{{album}}/{{track[2]}}
{% endfor %}
</p>
<!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

20
_layouts/apidoc.html
View File

@ -1,20 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container" style="min-height:100vh">
<div class="list-group" id="posts">
<h1>page.title</h1>
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

31
_layouts/docs.html
View File

@ -1,31 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container" style="min-height:100vh">
<div class="list-group" id="posts">
<a href="#" class="list-group-item list-group-item-action list-group-item-dark">Documentation</a>
{% for docpage in site.docs %}
<a href="{{docpage.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">{{docpage.title}}</h5>
</div>
<p class="card-text">{{docpage.description}}</p>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

49
_layouts/events.html
View File

@ -1,49 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<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 %}
<a href="{{event.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">
{% if event.upcoming %}
<span class="badge badge-secondary">Upcoming</span>
{% else %}
{% if event.team.yes %}
<span class="badge badge-success">Team</span>
{% else %}
<span class="badge badge-danger">Solo</span>
{% endif %}
{% endif %}
<br>
{{event.name}}
</h5>
<small style="text-align:right;">{{event.date.start}} to {{event.date.end}}</small>
</div>
<p class="card-text">{{event.info}}</p>
</a>
{% endfor %}
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

10
_layouts/home.html
View File

@ -8,15 +8,7 @@
<div class="landing container">
<div style="height:15vh;"></div>
<!-- <img id="face-backdrop" src="/assets/images/face-backdrop.png"> -->
<img id="face-backdrop" src="/assets/images/human-profile-2-small-backdrop.png">
<div style="height:20vh;"></div>
<div class="nudge-right">
<h1 id="name-landing">{{site.title}}</h1>
<h3 id="me-landing">Programmer</h3>
</div>
<h1>I am Evan Pratten</h1>
</div>
<div class="landing-more container">

51
_layouts/music.html
View File

@ -1,51 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
<h1>My music</h1>
<hr>
<!-- <div class="list-group" id="posts"> -->
<a href="#posts" class="list-group-item list-group-item-action list-group-item-dark">Featured</a>
{% for album in site.music %}
<a href="{{album.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<div class="card-body">
<h5 class="mb-1">{{album.title}}
</h5>
<i class="card-text">Released: {{album.date}}</i>
<p class="card-text">{{album.description}}</p>
</div>
</div>
</a>
{% endfor %}
<!-- </div> -->
<br><br>
<a href="https://retrylife.bandcamp.com" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<div class="card-body">
<h5 class="mb-1">More music</h5>
</div>
</div>
</a>
</div>
</div>
</div>
{% include footer.html %}
</body>

23
_layouts/note.html
View File

@ -1,23 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
<h1>{{page.title}}</h1>
<hr><br>
{{content}}
</div>
</div>
</div>
{% include footer.html %}
</body>

32
_layouts/noteindex.html
View File

@ -1,32 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="post container">
<h1>{{page.title}}</h1>
<hr><br>
{{content}}
<ul>
{%for note in site.notes %}
{%if note.index != true %}
<li>
<a href="{{note.url}}">{{note.title}}</a>
</li>
{%endif%}
{%endfor%}
</ul>
</div>
</div>
</div>
{% include footer.html %}
</body>

59
_layouts/page.html
View File

@ -1,5 +1,6 @@
{% include head.html %}
<body>
<div class="site-ctr">
@ -8,17 +9,65 @@
<div class="reactive-bg">
<div class="title container">
<h1>{{page.title}}</h1>
</div><br>
<div class="color-space" id="color-space"></div>
<div class="content-container">
<div class="title-container container">
<h1>{{page.title}}</h1>
<h4>{{page.description}}</h4>
</div><br>
<!-- {% if page.dhow_date %}
<p class="post-date">
<em>
{{page.date}}
</em>
</p>
{% endif %} -->
<div class="inner-content-container container">
{{content}}
</div>
<div class="post container">
{{content}}
</div>
</div>
</div>
{% include footer.html %}
<!-- A little script to set the header and nav color based on page type -->
<!-- <script>
// Read from liquid
var page_type = "{{page.type}}";
// Selectors
var color_space = document.getElementById("color-space");
var navbar = document.getElementById("navbar");
// Colors
var red = getComputedStyle(document.documentElement)
.getPropertyValue('--color-red');
var purple = getComputedStyle(document.documentElement)
.getPropertyValue('--color-purple');
// DEBUG
console.log(red);
console.log(purple);
// Set color
if (page_type == "post") {
color_space.setAttribute("background-color", red, "!important");
navbar.setAttribute("background-color", red, "!important");
} else {
color_space.setAttribute("background-color", purple, "!important");
navbar.setAttribute("background-color", purple, "!important");
}
</script> -->
</body>

38
_layouts/portfolio.html
View File

@ -1,38 +0,0 @@
{% 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">
<h1>Software</h1>
<hr>
</div><br>
<div class="post container">
<h1>Web</h1>
<hr>
</div><br>
<div class="post container">
<h1>Photography</h1>
<hr>
</div><br>
</div>
</div>
{% include footer.html %}
</body>

46
_layouts/post.html
View File

@ -1,46 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<div class="reactive-bg">
<div class="title container">
<h1>{{page.title}}</h1>
<h4>{{page.description}}</h4>
</div><br>
<div class="post container">
<p class="post-date">
<em>
<!-- Date -->
{{page.date}}
<!-- Mini post -->
{% if page.is_short %}
<span class="badge badge-secondary">Mini Post</span>
{% endif %}
<!-- Permalink -->
{% if page.redirect_from %}
<!-- <a href="{{site.baseurl}}{{page.redirect_from[0]}}"><i class="fas fa-link"></i></a> -->
{% endif %}
</em>
</p>
{{content}}
</div>
</div>
</div>
{% include advert.html %}
{% include footer.html %}
</body>

87
_layouts/posts.html
View File

@ -1,87 +0,0 @@
{% include head.html %}
<body>
<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>
</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
Post</a>
{% assign i = 0 %}
{% for post in site.posts %}
{% if i == 0 %}
<!-- <div class="post-preview">
<div class="card">
<div class="card-header">
Featured Post
</div>
<div class="card-body">
<h5 class="card-title">{{post.title}}
{% if post.is_short %}
<span class="badge badge-secondary">Mini Post</span>
{% endif %}
</h5>
<p class="card-text">{{post.description}}</p>
<a href="{{post.url}}" class="btn btn-primary">View</a>
</div>
</div>
</div> -->
<a href="{{post.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<div class="card-body">
<h5 class="mb-1">{{post.title}}
{% if post.is_short %}
<span class="badge badge-secondary">Mini Post</span>
{% endif %}
</h5>
<p class="card-text">{{post.description}}</p>
</div>
</div>
</a>
{% else %}
<a href="{{post.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">{{post.title}}</h5>
<!-- <small>{{post.date}}</small> -->
</div>
<p class="card-text">{{post.description}}</p>
</a>
{% endif %}
{% assign i = i | plus:1 %}
{% endfor %}
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

78
_layouts/projects.html
View File

@ -1,78 +0,0 @@
{% include head.html %}
<body>
<div class="site-ctr">
<!-- Navbar -->
{% include nav.html %}
<!-- <div style="height:5vh"></div> -->
<!-- Header -->
<!-- <div class="header" style="height:35%">
<div class="container">
<div class="content">
</div>
</div>
<div class="header-gap"></div>
</div> -->
<div class="reactive-bg">
<div class="post container" style="min-height:100vh">
<h1>My Projects</h1>
<hr>
{% assign featured = site.data.projects["featured"] %}
<div class="card">
<div class="row no-gutters">
<div class="col-md-4">
<img src="{{featured.image}}" class="card-img" alt="Project image">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">{{featured.name}}</h5>
<p class="card-text">{{featured.description}}</p>
<a href="{{featured.url}}">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
</div>
</div>
<br><br>
{% for row in site.data.projects["other"]["rows"] %}
<div class="card-deck">
{% for project in row %}
<div class="card">
{% if project.image != "" %}
<img src="{{project.image}}" class="card-img-top" alt="Project image">
{% endif %}
<div class="card-body">
<h5 class="card-title">{{project.name}}</h5>
<p class="card-text">{{project.description}}</p>
<a href="{{project.url}}">
<button type="button" class="btn btn-info">View Project</button>
</a>
</div>
</div>
{% endfor %}
</div>
<br><br>
{% endfor %}
<br><br>
<div class="centre">
<p>This site is still under development. More projects will be listed soon.</p>
</div>
</div>
</div>
</div>
{% include footer.html %}
</body>

14
assets/css/color-theme.css Normal file
View File

@ -0,0 +1,14 @@
:root{
--color-red: #ff556e;
--color-purple:#4844a3;
--color-light-purple: #8a8ed8;
--color-dark-purple:#342d71;
--color-blue:#50b9e8;
--color-dark-blue:#1274bf;
--color-orange: #ffc07f;
--color-pink: #e15fbd;
}

31
assets/css/fonts.css Normal file
View File

@ -0,0 +1,31 @@
@font-face {
font-family: "walsheim-bold";
src: url("../fonts/GT-Walsheim-Bold.woff")
}
@font-face {
font-family: "walsheim-regular";
src: url("../fonts/GT-Walsheim-Regular.woff")
}
@font-face {
font-family: "tiempos-regular";
src: url("../fonts/TiemposTextWeb-Regular.woff2")
}
h1{
line-height: 1.25;
font-size: 3.5rem;
}
h1, h2{
font-family: "walsheim-bold", "sans-serif";
}
h3, h4, h5, h6 {
font-family: "walsheim-regular", "sans-serif";
}
p{
font-family: "tiempos-regular", "sans-serif";
}

12
assets/css/main.css
View File

@ -1,9 +1,9 @@
body {
margin: 0;
padding: 0;
font-family: 'IBM Plex Mono', monospace;
font-family: 'IBM Plex Sans', sans-serif;
background-color: #343a40;
/* font-family: 'IBM Plex Mono', monospace;
font-family: 'IBM Plex Sans', sans-serif; */
background-color: var(--color-purple);
}
html {
@ -264,7 +264,7 @@ h1 {
}
h1, h2, h3, h4, h5, h6 {
font-family: 'IBM Plex Mono', monospace;
/* font-family: 'IBM Plex Mono', monospace; */
}
a h5 {
@ -273,7 +273,7 @@ a h5 {
.post.container {
padding: 20px;
font-family: 'IBM Plex Sans', sans-serif;
/* 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); */
@ -285,7 +285,7 @@ a h5 {
padding-top: 15px;
padding-bottom: 15px;
padding-left: 20px;
font-family: 'IBM Plex Sans', sans-serif;
/* 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); */

21
assets/css/navigation.css Normal file
View File

@ -0,0 +1,21 @@
---
---
.custom-navbar {
{% if header_red %}
background-color: var(--color-red)!important;
{% else %}
background-color: var(--color-purple)!important;
{% endif %}
/* background-color: unset!important;
-webkit-backdrop-filter: blur(10px);
-moz-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); */
/* box-shadow: 0px 10px 3px var(--color-purple); */
width: 101%;
overflow: hidden;
}
.custom-navbar img{
height: 40px;
}

17
assets/css/page.css Normal file
View File

@ -0,0 +1,17 @@
---
---
.color-space{
height:40vh;
{% if header_red %}
background-color: var(--color-red)!important;
{% else %}
background-color: var(--color-purple)!important;
{% endif %}
}
.title-container{
margin-top: 6rem;
}

BIN
assets/fonts/GT-Walsheim-Bold.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/GT-Walsheim-Regular.woff Normal file
View File

Binary file not shown.

BIN
assets/fonts/TiemposTextWeb-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
assets/images/Signature.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

60
blog/index.md
View File

@ -1,4 +1,60 @@
---
title: Blog Posts
layout: posts
---
layout: page
---
<div class="list-group" id="posts">
<a href="#posts"
class="feature list-group-item list-group-item-action list-group-item-dark ">Featured
Post</a>
{% assign i = 0 %}
{% for post in site.posts %}
{% if i == 0 %}
<!-- <div class="post-preview">
<div class="card">
<div class="card-header">
Featured Post
</div>
<div class="card-body">
<h5 class="card-title">{{post.title}}
{% if post.is_short %}
<span class="badge badge-secondary">Mini Post</span>
{% endif %}
</h5>
<p class="card-text">{{post.description}}</p>
<a href="{{post.url}}" class="btn btn-primary">View</a>
</div>
</div>
</div> -->
<a href="{{post.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<div class="card-body">
<h5 class="mb-1">{{post.title}}
{% if post.is_short %}
<span class="badge badge-secondary">Mini Post</span>
{% endif %}
</h5>
<p class="card-text">{{post.description}}</p>
</div>
</div>
</a>
{% else %}
<a href="{{post.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">{{post.title}}</h5>
<!-- <small>{{post.date}}</small> -->
</div>
<p class="card-text">{{post.description}}</p>
</a>
{% endif %}
{% assign i = i | plus:1 %}
{% endfor %}
</div>

30
events.md
View File

@ -1,5 +1,31 @@
---
title: Events
description: Notable events I am attending / have attended
layout: events
---
layout: page
---
<div class="list-group" id="posts">
{% for event in site.data.events %}
<a href="{{event.url}}" class="list-group-item list-group-item-action">
<div class="d-flex w-100 justify-content-between">
<h5 class="mb-1">
{% if event.upcoming %}
<span class="badge badge-secondary">Upcoming</span>
{% else %}
{% if event.team.yes %}
<span class="badge badge-success">Team</span>
{% else %}
<span class="badge badge-danger">Solo</span>
{% endif %}
{% endif %}
<br>
{{event.name}}
</h5>
<small style="text-align:right;">{{event.date.start}} to {{event.date.end}}</small>
</div>
<p class="card-text">{{event.info}}</p>
</a>
{% endfor %}
</div>