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 class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<span class="mdc-list-item__text">Blog</span>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">My Blog</span>
</a>
<a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</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/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">code</i>
<span class="mdc-list-item__text">GCSE Computer Science Blog</span>
{% for project in site.pages | sort "title" %}
{% if project.url != "/" %}
<a class="mdc-list-item" href="{{ project.url | relative_url }}">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">{{ project.icon }}</i>
<span class="mdc-list-item__text">{{ project.title }}</span>
</a>
{% endif %}
{% endfor %}
</div>
</div>
</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 class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<span class="mdc-list-item__text">Blog</span>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">My Blog</span>
</a>
<a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</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/">
<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 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>
</aside>

View File

@@ -69,21 +69,30 @@
</div>
<div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<span class="mdc-list-item__text">Blog</span>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">My Blog</span>
</a>
<a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</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/">
<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 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>
</aside>

View File

@@ -69,21 +69,30 @@
</div>
<div class="mdc-list">
<a class="mdc-list-item" href="https://blog.matthew-grove.ml">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">subject</i>
<span class="mdc-list-item__text">Blog</span>
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">assignment</i>
<span class="mdc-list-item__text">My Blog</span>
</a>
<a class="mdc-list-item" href="/">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">home</i>
<span class="mdc-list-item__text">Home Page</span>
</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/">
<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 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>
</aside>
@@ -103,12 +112,14 @@
<main class="main-content" id="main-content">
<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) -->
<div class="mdc-text-field-container">
<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" />
<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">
<svg>
<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
description: Research about HTTP, HTTPS, SSL and more, made in collaboration with Daniel Dunbar
layout: default
icon: code
---
<!-- import Bootstrap - must be before extra styling so that carousel indicators' default styling is overwritten -->

View File

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

View File

@@ -2,14 +2,17 @@
title: Luhn Algorithm
description: Replication of the Luhn algorithm
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) -->
<div class="mdc-text-field-container">
<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">
<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">
<svg>
<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;
}