Notes.txt

Required ideas:

	Metadata:
		Site description
		Title
		Post description
		Keywords
		Favicon

	Navigation (Inspiration: Fenix Web Server)
		Members
		Blog
		About

	Front Page:
		Pagination
		- Excerpts
		Banner Gradients
		Post
			- Author Pic
			- Title
			- Excerpt
			- Author name
			- Date
			- Tags

	Post page:

		Header
			- Author name (Link to their name on members page)
			- Author pic
			- Date
			- Num of Comments (Link to leave a comment)
			- Tags
			Categories
			- Source files link
      - Live demo link

		Body
			- Images (Look into using a figure instead of just an image with markdown)
			- Codeblocks and Codewords (with line numbers)
			- Blockquotes
			- Headers and subheaders
			- Lists
			- Video/Audio/Objects/Iframes/Embeds
			- Share buttons (Need SVG for social icons, and to combine them)

		Footer
			- Author Name ('More posts by Author' link)
			- Author Pic
			- Author Bio
			- Author Company
			- Author Socials
			- Related Articles
			- Discus Comments
			Back-to-top link

	Members (Inspiration http://tech.pro/about-us)
		Author name
		Author Bio
		Author pic
		Company
		Links to the social networks/website
		Bio
		Most recent posts

	Tags Page
		List of tags with posts underneath (link to with element id (i.e. /tags#tag-name))
		List of authors with posts underneath (link to with element id (i.e. /tags#author-username))

	Blog Page
		Re-creation of the index.html page

	About Page
		Description of who we are/why we're doin this. Tunnel snakes! Gaming, longboarding, smash, pax, GS, Plex, San Fran, Gainesville

	Bottom (Inspiration: http://tech.pro/tutorial/1367/part-1-backbonejs-deconstructed?utm_source=javascriptweekly&utm_medium=email)
    - Tag cloud
    - Latest Articles
    Categories
    Contact us
    - Copyright
    Maybe an Ad


Extras:
	Search
	404 page
	Author locations, Repos and Github info in Members page
	Ascii art for each page in comments of html code.


Add to Readme:
	Explanation of Github Pages
	Link to Markdown cheatsheet and explanation of differences.
	Link to recommended markdown editor
	How to syntax highlight; Codeblocks and Codewords (include example of line numbers) (links to gists)
	How to add images (from the server directly vs external links)
	How to add links that persist when site url structure changes (permalinks)
	You can add Emojis!
	X Minimum Header image size (double header style size, and not ugly)
	X Explain how to use excerpts
	Explain front matter variables
		Header Image
		Header Text
		Github username
		Tags
		Categories
		Source Files link
		Live Demo link

	Member Front Matter
		Author Name
		Bio (Soft Character limit)
		Company
		Website
		Email
		Twitter
		Github
		Google Plus
		Top Projects

	Naming the file (must include the date plus the name that you want to appear in the url)
	@mentions
	JSFiddle (Other fiddles)
	Version of Jekyll we're running and date.
	Browser Support

Questions to ask every one
	Ads?
	Explanation of why 'no sidebar'. (Simplicity's sake, its only used for ads and self promotion, not consistent on mobile)
	Where to host repo? Who has merge access
	When do we merge in Pull Requests? Who decides if they're okay?
	What should About page say?


Things I found out:
	In CSS, putting border-box on position relative elements doesn't affect their 'size' when compared to position absolute elements within or below the original to calculate distance. For example, adding border-top (with border-box and position relative) to a nav will affect the element below (with position absolute) and how many pixels of 'top' are needed to move that element down. I believe this is because

	The above principle will also affect the line-height

	Psuedo elements inherit overflow hidden from parent, even if you try to overwrite it

	CSS filter blur doesnt work with animation of leftss


Posts to grab
	Andrew:
		Cloudflare post about NSA guy.

	Brian:
		Brian's posts

	Marco:
		Postmortem on Sock Singles

Post Ideas
	Explain the 'Group Blog' setup for Jekyll and Github Pages
		- Remember to restart Jekyll when you make changes to _config.yml
		- Capture variable names can't be dash seperated.
		- CSS templating

	Explain DaisywheelJS

	Explain Marketing technique or DaisywheelJS

	Explain Navigation.css input focus technique

	Tips for doing complex dom stuff
		- psuedo-elements cant be directly modified in javascript
			a. Inject a style tag with the specific styles for the :before/:after elements

	Advantages to using CSS and DOM versus canvas rendering (CSS Visualizers)
		- Crisper rendering
		- Easier scaling
		- Easily inspect element's values
		- Animations/Transitions calculated on the GPU
		- Web Animation
		- Support is as varied as you want


TODO:
	Only request the icons needed from font-awesome (uparrow, rss, email, github, twitter)
	Cleanup CSS to be more legible (Add CSS variable support)
	Cleanup template to be more legible
	Media queries
	Link authors to author list and tags to tag list
	Make sure that if authors dont include something then the div/styles dont show up.
	Make navigation repo and remove transition styles.
	Google Doc of all the text on the site
	Make sure templates work with title and alt tags.
	Add titles and alt text to everything
	Assets must compensate for no being included
	Order the Members page to be sorted alphabetically.

About page:

We are a group of developers involved in the tech industry that have worked, played, laughed, grown, and discovered together. We each push the bounds of the technology we work with in our own way and want there to be a permanent place we can share the things we've learned.