Auto-populate navbar & edit Luhn algorithm page

This commit is contained in:
Matthew Grove
2019-01-26 15:22:58 +00:00
parent 8b14ab5f36
commit 771f861b59
11 changed files with 72 additions and 2797 deletions

View File

@@ -5,21 +5,21 @@
</div> </div>
<div class="mdc-list"> <div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml"> <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Blog</span> <span class="mdc-list-item__text">My Blog</span>
</a> </a>
<a class="mdc-list-item" href="/"> <a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span> <span class="mdc-list-item__text">Home Page</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/"> {% for project in site.pages | sort "title" %}
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i> {% if project.url != "/" %}
<span class="mdc-list-item__text">Luhn Algorithm</span> <a class="mdc-list-item" href="{{ project.url | relative_url }}">
</a> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">{{ project.icon }}</i>
<a class="mdc-list-item" href="/computer-science-blog/"> <span class="mdc-list-item__text">{{ project.title }}</span>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
<span class="mdc-list-item__text">GCSE Computer Science Blog</span>
</a> </a>
{% endif %}
{% endfor %}
</div> </div>
</div> </div>
</aside> </aside>

1
_site/CNAME Normal file
View File

@@ -0,0 +1 @@
demo.matthew-grove.ml

File diff suppressed because it is too large Load Diff

View File

@@ -69,21 +69,30 @@
</div> </div>
<div class="mdc-list"> <div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml"> <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Blog</span> <span class="mdc-list-item__text">My Blog</span>
</a> </a>
<a class="mdc-list-item" href="/"> <a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span> <span class="mdc-list-item__text">Home Page</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
<a class="mdc-list-item" href="/computer-science-blog/"> <a class="mdc-list-item" href="/computer-science-blog/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
<span class="mdc-list-item__text">GCSE Computer Science Blog</span> <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
</div> </div>
</div> </div>
</aside> </aside>

View File

@@ -69,21 +69,30 @@
</div> </div>
<div class="mdc-list"> <div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml"> <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Blog</span> <span class="mdc-list-item__text">My Blog</span>
</a> </a>
<a class="mdc-list-item" href="/"> <a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span> <span class="mdc-list-item__text">Home Page</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
<a class="mdc-list-item" href="/computer-science-blog/"> <a class="mdc-list-item" href="/computer-science-blog/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
<span class="mdc-list-item__text">GCSE Computer Science Blog</span> <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
</div> </div>
</div> </div>
</aside> </aside>

View File

@@ -69,21 +69,30 @@
</div> </div>
<div class="mdc-list"> <div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml"> <a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">Blog</span> <span class="mdc-list-item__text">My Blog</span>
</a> </a>
<a class="mdc-list-item" href="/"> <a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span> <span class="mdc-list-item__text">Home Page</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
<a class="mdc-list-item" href="/computer-science-blog/"> <a class="mdc-list-item" href="/computer-science-blog/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i> <i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
<span class="mdc-list-item__text">GCSE Computer Science Blog</span> <span class="mdc-list-item__text">GCSE Computer Science Blog</span>
</a> </a>
<a class="mdc-list-item" href="/luhn-algorithm/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">credit_card</i>
<span class="mdc-list-item__text">Luhn Algorithm</span>
</a>
</div> </div>
</div> </div>
</aside> </aside>
@@ -103,12 +112,14 @@
<main class="main-content" id="main-content"> <main class="main-content" id="main-content">
<div class="mdc-top-app-bar--fixed-adjust"> <div class="mdc-top-app-bar--fixed-adjust">
<h1 id="validate">Validate</h1> <link href="style.css" rel="stylesheet" type="text/css" />
<h1 id="validate-your-number">Validate Your Number</h1>
<!-- input field (in a container so that unwanted overflow from :before & :after is hidden) --> <!-- input field (in a container so that unwanted overflow from :before & :after is hidden) -->
<div class="mdc-text-field-container"> <div class="mdc-text-field-container">
<div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField"> <div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField">
<input type="number" id="number-input-field" class="mdc-text-field__input" /> <input type="number" id="number-input-field" class="mdc-text-field__input" />
<label for="number-input-field" class="mdc-floating-label ">Your Number</label> <label for="number-input-field" class="mdc-floating-label ">Number</label>
<div class="mdc-notched-outline"> <div class="mdc-notched-outline">
<svg> <svg>
<path class="mdc-notched-outline__path" /> <path class="mdc-notched-outline__path" />

View File

@@ -0,0 +1,3 @@
.mdc-text-field-helper-text {
margin: 0;
}

View File

@@ -2,6 +2,7 @@
title: GCSE Computer Science Blog title: GCSE Computer Science Blog
description: Research about HTTP, HTTPS, SSL and more, made in collaboration with Daniel Dunbar description: Research about HTTP, HTTPS, SSL and more, made in collaboration with Daniel Dunbar
layout: default layout: default
icon: code
--- ---
<!-- import Bootstrap - must be before extra styling so that carousel indicators' default styling is overwritten --> <!-- import Bootstrap - must be before extra styling so that carousel indicators' default styling is overwritten -->

View File

@@ -2,6 +2,7 @@
title: Demo Site title: Demo Site
description: Small coding projects description: Small coding projects
layout: default layout: default
icon: home
--- ---
# My {{ page.title }} # My {{ page.title }}

View File

@@ -2,14 +2,17 @@
title: Luhn Algorithm title: Luhn Algorithm
description: Replication of the Luhn algorithm description: Replication of the Luhn algorithm
layout: default layout: default
icon: credit_card
--- ---
# Validate <link href="style.css" rel="stylesheet" type="text/css">
# Validate Your Number
<!-- input field (in a container so that unwanted overflow from :before & :after is hidden) --> <!-- input field (in a container so that unwanted overflow from :before & :after is hidden) -->
<div class="mdc-text-field-container"> <div class="mdc-text-field-container">
<div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField"> <div class="mdc-text-field mdc-text-field--outlined" data-mdc-auto-init="MDCTextField">
<input type="number" id="number-input-field" class="mdc-text-field__input"> <input type="number" id="number-input-field" class="mdc-text-field__input">
<label for="number-input-field" class="mdc-floating-label ">Your Number</label> <label for="number-input-field" class="mdc-floating-label ">Number</label>
<div class="mdc-notched-outline"> <div class="mdc-notched-outline">
<svg> <svg>
<path class="mdc-notched-outline__path"/> <path class="mdc-notched-outline__path"/>

3
luhn-algorithm/style.css Normal file
View File

@@ -0,0 +1,3 @@
.mdc-text-field-helper-text {
margin: 0;
}