Skip to content

Commit

Permalink
fix: add layouts posts sass assets
Browse files Browse the repository at this point in the history
  • Loading branch information
gerrykou authored Oct 3, 2023
1 parent 99dda35 commit 37e8772
Show file tree
Hide file tree
Showing 55 changed files with 1,239 additions and 0 deletions.
11 changes: 11 additions & 0 deletions _layouts/cv.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
layout: default
---

<article id="cv">
{% include header.html %}
<main>
{{ content }}
</main>
{% include footer.html %}
</article>
28 changes: 28 additions & 0 deletions _layouts/default.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en">

{% include head.html %}

<body>

{% if page.title == "Home" %}{% include particles-home.html %}{% endif %}
{% if page.title == "404" %}{% include particles-404.html %}{% endif %}

<div class="container">
<div class="row justify-content-center">
<div class="col col-sm-10 col-md-8 col-lg-6">
{{ content }}
</div>
</div>
</div>
<script src="{{ '/assets/js/bootstrap.min.js' | relative_url }}"></script>
{% if page.title != "404" %}
<script src="{{ '/assets/js/darkmode.js' | relative_url }}"></script>
{% endif %}
{% if page.title == "Home" or page.title == "404" %}
<script src="{{ '/assets/js/particles.min.js' | relative_url }}"></script>
<script src="{{ '/assets/js/main.js' | relative_url }}"></script>
{% endif %}
</body>

</html>
11 changes: 11 additions & 0 deletions _layouts/home.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
layout: default
---

<article id="home">
{% include toggler.html %}
<main>
{{ content }}
</main>
{% include footer.html %}
</article>
11 changes: 11 additions & 0 deletions _layouts/page.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
layout: default
---

<article>
{% include header.html %}
<main>
{{ content }}
</main>
{% include footer.html %}
</article>
14 changes: 14 additions & 0 deletions _layouts/post.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
layout: default
---

<article>
{% include header.html %}
<main>
<h1 class="post-title">{{ page.title }}</h1>
<time datetime="{{ page.date | date_to_xmlschema }}" class="post-date">{{ page.date | date: "%B %e, %Y" }}</time>
<p class="lead">{{ page.lead }}</p>
{{ content }}
</main>
{% include footer.html %}
</article>
10 changes: 10 additions & 0 deletions _posts/2022-08-01-placeholder01.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
layout: post
title: Placeholder III
lead: Placeholder III description
---


> Placeholder III quote.
Placeholder III text.
10 changes: 10 additions & 0 deletions _posts/2022-08-15-placeholder02.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
layout: post
title: Placeholder II
lead: Placeholder II description
---


> Placeholder II quote.
Placeholder II text.
10 changes: 10 additions & 0 deletions _posts/2022-09-01-placeholder03.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
---
layout: post
title: Placeholder I
lead: Placeholder I description
---


> Placeholder I quote.
Placeholder I text.
74 changes: 74 additions & 0 deletions _sass/_base.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
body {
font-family: var(--type-serif);
font-size: var(--type-size);
font-weight: var(--type-weight);
line-height: var(--type-height);
font-variant-numeric: var(--type-numeric);
background-color: var(--color-background);
color: var(--color-text);
}

svg circle,
svg path {
stroke: var(--color-text);
stroke-width: 0.075em;
}

a {
text-decoration: none;
color: var(--color-link);

&:focus,
&:hover {
border-bottom: calc(var(--type-size) / 10) dotted var(--color-link);
color: var(--color-link);
}
}

header {
display: flex;
justify-content: space-between;
margin-top: 1.5em;
margin-bottom: 2em;
}

footer {
margin: 2em 0;
}

small {
font-weight: 300;
}

abbr {
text-transform: lowercase;
font-family: var(--type-caps);
}

blockquote {
padding-left: 1em;
border-left: 0.1em solid var(--color-border);
font-weight: 300;
}

mark {
padding: 0.1em;
border-radius: 0.25em;
background-color: var(--color-mark);
color: var(--color-text);
}

hr {
border-top: 0.1em solid var(--color-text);
}

img {
display: block;
max-width: 100%;
margin: 1em 0;
border-radius: 0.25em;
}

table.table {
color: var(--color-text);
}
18 changes: 18 additions & 0 deletions _sass/_code.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
pre,code {
font-family: var(--type-mono);
}

.highlight {
padding: 0 1em;
border-radius: 0.25em;
color: var(--color-chunk);

pre {
padding: 0;
margin: 0;
}

.highlight {
padding: 0;
}
}
102 changes: 102 additions & 0 deletions _sass/_elements.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,102 @@
a.site-title {
font-weight: 500;
color: var(--color-heading);

&:focus,
&:hover {
border-color: inherit;
color: inherit;
}
}

.toggle-bar {
display: flex;
justify-content: end;
padding-top: 1.5em;
}

.toggle-icon {
color: var(--color-heading);

&:focus,
&:hover {
cursor: pointer;
border: none;

svg circle,
svg path {
stroke-width: 0.1em;
}
}
}

.message {
padding: 0.25em 1em;
border-radius: 0.25em;
background-color: var(--color-mark);
color: var(--color-text);
}

dd {
padding-left: 0.5em;
}

.archive ul,
.contact ul {
list-style-type: none;
padding: 0;
}

.li-icon {
margin-right: 0.25em;
}

a.iconlink {
svg circle,
svg path {
stroke: var(--color-link);
}

&:focus,
&:hover {
border: none;

svg circle,
svg path {
stroke-width: 0.1em;
}
}
}

.footnotes {
margin-top: 2em;

p {
margin: 0;
}

&::before {
content: "Notes";
}
}

a[href^="#fn:"] {
margin-left: 0.1em;
font-weight: 500;

&:focus,
&:hover {
font-weight: 700;
border: none;
}
}

a.reversefootnote {
font-weight: 500;

&:focus,
&:hover {
font-weight: 700;
border: none;
}
}
Loading

0 comments on commit 37e8772

Please sign in to comment.