Skip to content

Instantly share code, notes, and snippets.

View jaydropout's full-sized avatar

Sajith Jayaweera jaydropout

View GitHub Profile
@jaydropout
jaydropout / gist:3cc5a3ad05e6a6f4af6f
Last active August 29, 2015 14:13
NYTimes story body text styles
.story-body-text {
font-family: georgia, 'times new roman', times, serif;
font-size: 1rem;
line-height: 1.4375rem; /*16/23*/
font-weight: 400;
}
<div class="nav">
<a class="dropdown-trigger" href="#">View TOC</a>
<ul class="menu">
<li><a href="#">Link Name</a></li>
<li class="has-menu dropdown">
<a class="dropdown-trigger" href="#">Link Name</a>
<ul class="menu">
<li><a href="#">Link Name</a></li>
</ul>
@jaydropout
jaydropout / map.js
Created May 21, 2014 01:23
JS - Google Maps script
function initialize() {
var location = new google.maps.LatLng(x,y);
var mapOptions = {
zoom: 15,
center: location
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
@jaydropout
jaydropout / js-menu.css
Last active August 29, 2015 14:01
CSS - Base styles for JS based dropdown with CSS fallback for use on Django projects.
/*
* Base styles for JS based dropdown with CSS fallback
* for use on Django projects.
*/
/*
* HTML Structure
*
<div class="nav">
@jaydropout
jaydropout / menu.css
Last active August 29, 2015 14:01
CSS - Base styles for CSS based dropdown for use on Django projects.
/*
* Base styles for CSS based dropdown
* for use on Django projects.
*/
/*
* HTML Structure
*
<div class="nav">
@jaydropout
jaydropout / _object_slider.html
Created May 20, 2014 02:40
Django+HTML - Template code to render only an image if 1 image or `flexslider` formatted list if > 1 image
{% if object.media.images %}
<div>
{% if object.media.images|length == 1 %}
{% thumbnail object.media.images.first.get_image "1000" quality=50 as image %}
<img src="{{ image.url }}" alt="{{ image }}" />
{% endthumbnail %}
{% else %}
{% spaceless %}{% for image in object.media.images %}
{% if forloop.first %}<div class="flexslider slider"><ul class="slides">{% endif %}
{% thumbnail image.get_image "1000" quality=50 crop="center" as image %}
@jaydropout
jaydropout / _call_to_actions.html
Last active August 29, 2015 14:01
Django+HTML - Homepage CTA template code for use on Django projects
{% for cta in homepage.call_to_actions.all %}
{% if forloop.first %}<ul>{% endif %}
<li><a href="{{ cta.get_absolute_url }}">{{ cta.title }}</a></li>
{% if forloop.last %}</ul>{% endif %}
{% endfor %}
@jaydropout
jaydropout / base.css
Last active August 29, 2015 14:01
CSS - Base CSS styles for projects (extends normalize.css)
/*
* Generic Styles
*/
html, body {
background-color: #ffffff;
color: #000000;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 16px;
line-height: 1.5;
@jaydropout
jaydropout / flexslider-custom.css
Last active August 29, 2015 14:01
CSS - Flexslider style overrides
/*
* Flexslider Custom Reset Styles
*/
/* Display first-slide when js is disabled */
.flexslider .slides > li:first-child {
display: block;
}
@jaydropout
jaydropout / index.html
Last active December 21, 2015 20:49
HTML - Starter Template
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="static/stylesheets/base.css">
</head>