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-06 11:13:44 +00:00
parent d326191359
commit 32c7b066a2
2 changed files with 28 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
computer-science-blog/css/main.css
View File

@@ -2,4 +2,28 @@
iframe {
width: 100%;
border: none;
}
.mdc-top-app-bar--fixed-adjust {
text-align: left;
margin: 0 15%;
}
@media screen and (max-width: 1000px) {
.mdc-top-app-bar--fixed-adjust {
margin: 0 10%;
}
}
@media screen and (max-width: 800px) {
.mdc-top-app-bar--fixed-adjust {
margin: 0 5%;
}
}
@media screen and (max-width: 600px) {
.mdc-top-app-bar--fixed-adjust {
margin: 0 2%;
}
}
@media screen and (max-width: 400px) {
.mdc-top-app-bar--fixed-adjust {
margin: 0 1%;
}
}

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

@@ -26,10 +26,12 @@
</li>
<li>
JS files are linked by using the following code:
<br>
<code>&lt;script type="text/javascript" src="scripts/scripts.js"&gt;&lt;/script&gt;</code>
</li>
<li>
Adding the date when the window loads:
<br>
<code>
// onload of window
<br>
@@ -38,10 +40,11 @@
</li>
<li>
Ternary operators work by using:
<br>
<code>[condition] ? [value if true] : [value if false]</code>
</li>
<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>
<li>To add another page, one can use an <code>&lt;iframe&gt;</code></li>
<li>To add another page, one can use an <code>&lt;iframe&gt;</code> or the jQuery <code>.load()</code> method.</li>
</ul>
</p>
</body>