z-------------’s gists

z------------- / nntp-font.html

Created October 7, 2014 02:24

Change font in New New Tab Page

	<!-- change all fonts -->
	<style>*{font-family: "My scrubby font";}</style>Your text here

	<!-- change just the header font -->
	<span style="font-family: 'My scrubby font'">Your text here</span>

z------------- / loremify.js

Created October 10, 2014 00:22

Automically insert placeholder text in every header and paragraph

	(function(){
	var header = "Lorem Ipsum";
	var paragraph = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue.";

	var headerElems = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
	var pElems = document.querySelectorAll("p");

	for (var i = 0; i < headerElems.length; i++) {
	headerElems[i].textContent = header;
	}

z------------- / _baconhawk.txt

Last active December 9, 2019 12:27

Baconhawk tabs/chords/lyrics

	Hello, human (or bot).

	This the Baconhawk tab thingamajiggy.

	Please enjoy, no pressure.

	(don't worry about major/minor, just wing it)

z------------- / index.html

Created October 31, 2014 02:32

	<!DOCTYPE html><!-- tell the browser that the page is written in HTML5, the latest version of the HTML standard -->
	<html><!-- element that contains all the HTML of the page -->
	<head><!-- information for the browser about how to read the page -->
	<title>Student Council</title><!-- title displayed in tab bar, bookmarks, history etc -->
	<meta charset="utf-8"><!-- tell the browser that the file is encoded in UTF-8, a character encoding able to encode all characters in Unicode -->
	</head>
	<body><!-- the actual content of the page -->

	</body>
	</html>

z------------- / index.html

Created October 31, 2014 02:44

	<!-- ... -->
	<header>
	<img src="//placehold.it/190x190"><!-- img tag represents an image. src attribute tells the browser where the image is located, currently placehold.it, because the new logo hasn't been made yet -->
	<h1>Student Council</h1><!-- the h1, h2, h3, h4, h5 and h6 elements represent headers, h1 being the biggest and h6 the smallest -->
	<nav><!-- functionally nearly identical to a div, but used for semantic reasons -->
	<a href="#introduction">Introduction</a><!-- a, short for anchor, represents a link that, when clicked, takes the user to a different page. in this case, the only change made is to the url hash, which will be handled by javascript and show a different section to the user -->
	<a href="#members">Members</a><!-- the code I used to achieve the single-page multiple-page effect will be explained in a blog post after this one -->
	<a href="news">News</a>
	<a href="#contact">Contact us</a>
	</nav>

z------------- / avg.py

Last active August 29, 2015 14:08

Calculate all three averages in Python. Intended for command-line use.

z------------- / golden-seq.py

Created November 6, 2014 01:34

Golden sequences in Python

z------------- / decode.py

Last active August 29, 2015 14:09

Decode latitude/longitude data from CPR-encoded hex strings

z------------- / index.html

Created November 18, 2014 03:42

	<body>
	<section data-id="introduction">

	</section>

	<section data-id="members">

	</section>

	<section data-id="news">

z------------- / index.html

Created November 18, 2014 03:54

	<section id="introduction">
	<h2>Introduction</h2>
	<p>We, the Sha Tin College Student Council, are a group consisting of 16 students who are all dedicated to the objective of fostering a unified, harmonious, and equal community.</p>
	<p>We are responsible for expressing student voice in the Sha Tin campus by working cohesively with all parties to achieve and implement the goals desired by the student community.</p>
	<p>As representatives of the student population, we take any and all opinions in the highest regard with the aim of creating a holistic environment for all.</p>
	<img src="img/group-photo.jpg">
	</section>