me/portfolio
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update GCSE CS blog

Browse Source
This commit is contained in:
Matthew Grove
2018-12-05 09:40:49 +00:00
parent d9c6cc6891
commit 9c96d718d7
4 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
computer-science-blog/index.html
View File

@@ -1,3 +1,4 @@
<!-- Reading School 2018, HTML page by Matthew Grove, Year 10 -->
<!DOCTYPE html>
<html>
<head>
@@ -67,6 +68,8 @@
<main class="main-content" id="main-content">
<div class="mdc-top-app-bar--fixed-adjust">
<iframe src="pages/blog.html"></iframe>
<h1>_____AREA_OF_STUDY_____ Presentation</h1>
<iframe src="" id ="iframe"></iframe>
<!-- 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">
@@ -84,10 +87,15 @@
Validate with the Luhn Algorithm
</p>
</div>
<!-- button to submit & check number with Luhn algorithm -->
<button class="validation_button mdc-button mdc-button--outlined" onclick="checkNumber()" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-button__icon">check_circle_outline</i>
Check
<!-- button to go to previous slide -->
<button class="validation_button mdc-button mdc-button--outlined" onclick="previousPage()" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-button__icon">navigate_before</i>
Previous
</button>
<!-- button to go to next slide -->
<button class="validation_button mdc-button mdc-button--outlined" onclick="nextPage()" data-mdc-auto-init="MDCRipple">
<i class="material-icons mdc-button__icon">navigate_next</i>
Next
</button>
<!-- link to source code on GitHub -->

2
computer-science-blog/pages/blog.html
View File

@@ -11,7 +11,6 @@
<!-- scripts -->
<script type="text/javascript" src="../scripts/scripts.js"></script>
</head>
<body>
<h1>HTML Basics</h1>
@@ -44,6 +43,5 @@
<li>The later a CSS file is imported, the more power it has over the document - i.e. the last stylesheet imported will overwrite the styling in all of the other stylesheets.</li>
</ul>
</p>
<h1>_____AREA_OF_STUDY_____ Presentation</h1>
</body>
</html>

18
computer-science-blog/pages/page_01.html Normal file
View File

@@ -0,0 +1,18 @@
<!-- Reading School 2018, HTML page by Matthew Grove, Year 10 -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0">
<!-- styles -->
<link rel="stylesheet" type="text/css" href="../css/pages.css">
<!-- scripts -->
<script type="text/javascript" src="../scripts/scripts.js"></script>
</head>
<body>
<h1>Page 01</h1>
</body>
</html>

2
computer-science-blog/scripts/scripts.js
View File

@@ -16,7 +16,7 @@ window.onload = function() {
}
function nextPage() {
displayPage(pages[0]);
}
function previousPage() {