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

@@ -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;
}