Commits

Jason Goldstein committed f5527f3

Forked theme

Comments (0)

Files changed (12)

+{% load less_tags markup %}
+
+<html>
+<head>
+	<title>{{ site.name }} | {% block title%}{{ site.tagline }}{% endblock %}</title>
+	<meta name="description" content="{{ site.bio|truncatewords:"25" }}">
+	<style type="text/css">
+		@import url('{{ SHARED_MEDIA_URL }}css/normalize.css');
+		@import url('{{ SHARED_MEDIA_URL }}css/shoebox.css');
+		@import url('{% less "css/pro_theme.less" extra_variables=site.get_custom_styles %}');
+		{{ site.css|safe }}
+	</style>
+
+</head>
+
+
+<body>
+
+{% block header %}
+	<div class="header island">
+		<a href="/" class="logo">
+			<h1>{{ site.name }}</h1>
+			{% if site.tagline %}<h2>{{ site.tagline }}</h2>{% endif %}
+		</a>
+		{% widget 'inclusion/nav.html' %}
+	</div>
+{% endblock header %}
+
+
+<div class="island content">
+	{% block content %}{% endblock content %}
+</div>
+
+
+<div class="footer island contain">
+	<div class="left">
+		<p>&copy; {% now "Y" %} <a href="mailto:{{ site.email }}">{{ site.name }}</a></p>
+		<p>Created with <a href="http://getinpression.com">inPression</a></p>
+	</div>
+	<div class="right">
+		{% widget 'inclusion/social.html' %}
+	</div>
+</div>
+
+{% widget 'contact_card.html' %}
+
+<script type="text/javascript" src="{{ SHARED_MEDIA_URL }}js/jquery-1.8.0.min.js"></script>
+<script type="text/javascript" src="{{ SHARED_MEDIA_URL }}js/shoebox.js"></script>
+<script type="text/javascript" src="{{ SHARED_MEDIA_URL }}js/card.js"></script>
+{% block scripts %}
+	
+{% endblock scripts %}
+{{ site.analytics|safe }}
+
+</body>
+</html>
+{% extends base_template %}
+{% load markup thumbnail %}
+
+{% block content %}
+    <div class="clip detail">
+        <div class="context">
+            {% if clip.thumbnail %}
+                <a href="{{ MEDIA_URL }}{{ clip.thumbnail }}" data-shoebox="photo"
+                    data-context="{{ clip.headline }}" 
+                    data-width="{{ clip.thumbnail.width }}" data-height="{{ clip.thumbnail.height }}">
+                    <img src="{% thumbnail clip.thumbnail 250x800 %}">
+                </a>
+            {% endif %}
+            <ul class="versions">
+                <li><a href="{% url writing %}">Back to Articles</a></li>
+                {% if clip.document %}<li><a href="{{ MEDIA_URL }}{{ clip.document }}">Download Story</a></li>{% endif %}
+                {% if clip.link %}<li><a href="{{ clip.link }}">Online Version</a></li>{% endif %}
+            </ul>
+        </div>
+
+        <hgroup>
+            {% if clip.publication %}
+                <p class="outlet">{{ clip.publication }}</p>
+            {% endif %}
+            <a href="{{ clip.preferred_link }}">
+            <h2>{{clip.headline}}</h2>
+            {% if clip.subhead %}<h3>{{ clip.subhead }}</h3>{% endif %}
+            </a>
+            {% if clip.date %}<p class="date">{{ clip.date }}</p>{% endif %}
+        <hgroup>
+
+        <div class="text">
+            {{ clip.text_version|markdown }}
+        </div>
+
+    </div>
+</div>
+{% endblock %}
+{% extends base_template %}
+{% load thumbnail markup %}
+
+{% block content %}
+    
+    {% for clip in clips %}
+
+        <div class="clip">
+            {% if clip.thumbnail %}
+                <a href="{{ clip.preferred_link }}"><img src="{% thumbnail clip.thumbnail 148x200 %}" class="thumbnail" /></a>
+            {% endif %}
+
+            <hgroup>
+                {% if clip.publication %}
+                    <p class="outlet">{{ clip.publication }}</p>
+                {% endif %}
+                <a href="{{ clip.preferred_link }}">
+                <h2>{{clip.headline}}</h2>
+                {% if clip.subhead %}<h3>{{ clip.subhead }}</h3>{% endif %}
+                </a>
+            <hgroup>
+
+            {{ clip.summary|markdown }}
+            {% if clip.quote %}<blockquote>{{ clip.quote|markdown }}</blockquote>{% endif %}
+            <ul class="versions">
+                {% if clip.document %}<li><a href="/media/{{ clip.document }}">Download Story</a></li>{% endif %}
+                {% if clip.link %}<li><a href="{{ clip.link }}">Online Version</a></li>{% endif %}
+                {% if clip.text_version %}<li><a href="{{ clip.get_absolute_url }}">Text-Only Version</a></li>{% endif %}
+            </ul>
+        </div><!-- /.clip -->
+
+    {% endfor %}
+
+{% endblock content %}

Empty file added.

+{% extends base_template %}
+{% load markup thumbnail %}
+
+{% block header %}{% endblock header %}
+
+{% block content %}
+	<div class="splash contain">
+		<div class="overlay"></div>
+		<img {% if site.front_page_photo %}
+			src="{% thumbnail site.front_page_photo 960x960 %}"{% else %}
+			src="{{ SHARED_MEDIA_URL }}img/basic_front_page_img_backup.jpg"{% endif %} 
+			class="coverimage">
+		<div class="shade logo">
+
+			<h1>{{ site.name }}</h1>
+			<h2>{{ site.tagline }}</h2>
+		</div>
+
+	</div>
+	{% include "inclusion/nav.html" %}
+
+	<div class="bio span9">
+		{{ site.bio|markdown }}
+	</div>
+
+{% endblock content %}
+{% extends base_template %}
+{% load thumbnail markup %}
+
+{% block content %}
+	
+	<ul class="cards">
+	{% for photo in photos %}
+		
+		<li class="{% if forloop.counter|divisibleby:'3' %}endrow{% endif %}">
+			<a href="{{ MEDIA_URL }}{{ photo.photo }}" data-shoebox="photo"
+					{% if photo.caption %}data-description="{{ photo.caption|markdown }}"{% endif %}
+					data-context="{% if photo.location %} 
+						
+					{{ photo.location }}{% endif %} {% if photo.date %}{{ photo.date }}{% endif %}" 
+					data-width="{{ photo.width }}" data-height="{{ photo.height }}">
+				<img src="{% thumbnail photo.photo 320x200 crop=",9" %}">
+			</a>
+			{% if photo.caption %}
+			<h3>
+				<a href="{{ MEDIA_URL }}{{ photo.photo }}" data-shoebox="photo"
+					{% if photo.caption %}data-description="{{ photo.caption|markdown }}"{% endif %}
+					data-context="{{ photo.location }} {{ photo.date }}" 
+					data-width="{{ photo.width }}" data-height="{{ photo.height }}">
+					{% if photo.caption %}{{ photo.caption|truncatewords:"14" }}{% endif %}
+				</a>
+			</h3>
+			{% endif %}
+		</li>
+
+	{% endfor %}
+	</ul>
+
+{% endblock content %}
+{% extends base_template %}
+{% load markup thumbnail %}
+
+{% block title %}Resume{% endblock %}
+
+{% block content %}
+	<div class="resume span7 left">
+		{% for job in jobs %}
+			<h2>{{ job.company }}{% if job.position %}, {{ job.position }}{% endif %}</h2>
+			<p class="context">{{ job.city }}, {{ job.started|date:"M Y"}}{% if job.ended or job.present %}-{% endif %}{% firstof job.present|yesno:"Present," job.ended|date:"M Y" %}</p>
+			{{ job.content|markdown }}
+		{% endfor %}
+	</div><!-- /main -->
+
+	<div class="resume sidebar span4 right">
+
+		{% for blurb in blurbs %}
+			{% widget "inclusion/resume/sidebar.html" %}
+		{% endfor %}
+
+		{% if sideprojects %}
+		<div class="block screen">
+			<h1>Side Projects</h1>
+			{% for activity in sideprojects %}
+				<h2>{{ activity.company }}</h2>
+				<p class="context">{{ activity.city }}, {{ activity.started|date:"M Y"}}-{% firstof activity.present|yesno:"Present," activity.ended|date:"M Y" %}</p>
+				{{ activity.content|markdown }}
+			{% endfor %}
+		</div><!-- /block -->
+		{% endif %}
+	</div><!-- /sidebar -->
+
+{% endblock %}

static/css/pro_theme.less

+
+// Mixins
+// @import "../../../css/libs.less";
+@import "../../static/css/libs.less";
+
+@bgShaded: darken(@bgColor, 4%);
+@bgShadedBorder: darken(@bgColor, 8%);
+@metaColor: fade(@textColor, 80%);
+
+/* Structure */
+html {margin:0;}
+h1, h2, h3, h4, h5, h6 {font-family: @headlineFonts; color: @trimColor;}
+body {font-family: @bodyFonts; margin: 0 0 1em 0; line-height: 1.4em; font-size:0.9375em;
+	background:@bgColor; color:@textColor;}
+
+p {margin:0.5em 0;}
+.island {width: 960px; margin: 0 auto; clear:both;}
+
+/* Common Properties */
+.contain {position:relative; height:auto; overflow:hidden;}
+.right {float:right;}
+.left {float:left;}
+.coverimage {width:100%;}
+.context {color: @metaColor; margin: 0.25em 0; font-size:0.85em;}
+.shade {background:black; background: rgba(0,0,0,.75);}
+.screen {background: darken(@bgColor, 5%); padding:0.5em;}
+.block {margin: 0.75em 0;}
+
+/*Typography*/
+a, a:visited {color: @linkColor; text-decoration: none;}
+a:hover {color: saturate(lighten(@linkColor, 10%), 10%); .transition(.2s linear color);}
+
+/*Header/Nav*/
+.header {background: @bgShaded; border:1px solid @bgShadedBorder; 
+	margin-top:-1px; height:2.25em; padding: 0 0.25em; .border-radius(0 0 0.5em 0.5em);
+
+	.logo { .contain(); background:black; float:left; clear:left; padding:0.2em 1em; position: relative; right:1em;
+		.border-radius(0 0 0.25em 0.25em);
+
+		h1, h2 {margin:0; color:white; font-weight:normal; line-height: 1em}
+		h1 {font-size: 1.4em;}
+		h2 {font-size:.75em;}
+	}
+	.nav {float:right; margin:0;}
+}
+.nav {list-style-type:none; .contain(); padding: 0 0.5em 0 0.5em; text-transform: uppercase; font-size:0.8em;
+	a, a:visited {color: @linkColor;}
+	a:hover {color: saturate(lighten(@linkColor, 15%), 15%);}
+	li {float:left; padding: 0.5em 1em 0.5em 0.75em; margin:0;}
+	li.active {background: lighten(@bgShaded, 2%);}
+}
+
+
+
+/* Grid - 12 columns */
+@basewidth: 7.33%;
+.span1 {width: @basewidth * 1 + 1;}
+.span2 {width: @basewidth * 2 + 2;}
+.span3 {width: @basewidth * 3 + 3;}
+.span4 {width: @basewidth * 4 + 4;}
+.span5 {width: @basewidth * 5 + 5;}
+.span6 {width: @basewidth * 6 + 6;}
+.span7 {width: @basewidth * 7 + 7;}
+.span8 {width: @basewidth * 8 + 8;}
+.span9 {width: @basewidth * 9 + 9;}
+.span10 {width: @basewidth * 10 + 10;}
+.span11 {width: @basewidth * 11 + 11;}
+.span12 {width: @basewidth * 12 + 12;}
+
+.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 {
+	& + .span1 {margin-left: 1%;}
+	& + .span2 {margin-left: 1%;}
+	& + .span3 {margin-left: 1%;}
+	& + .span4 {margin-left: 1%;}
+	& + .span5 {margin-left: 1%;}
+	& + .span6 {margin-left: 1%;}
+	& + .span7 {margin-left: 1%;}
+	& + .span8 {margin-left: 1%;}
+	& + .span9 {margin-left: 1%;}
+	& + .span10 {margin-left: 1%;}
+	& + .span11 {margin-left: 1%;}
+	& + .span12 {margin-left: 1%;}
+}
+
+
+/*Front Page Splash*/
+.shade.logo {padding:0.5em 1em; display:inline-block; position:absolute; bottom:0; left:0;
+	h1, h2 {margin:0; color:white; font-weight: normal;}
+	h1 {font-size:1.5em;}
+	h2 {font-size:1em;}
+}
+.splash {
+	.overlay {width: 100%; height: 100px; background: url(http://alexanderson.bs:8000/static/common/patterns/dotgrid.png) repeat-x; position: absolute; bottom: 0; left: 0; z-index:100;}
+	.coverimage {z-index:90;}
+	.shade {z-index:150;}
+}
+.splash + .nav {background: @bgShaded; border-bottom:1px solid @bgShadedBorder; margin:0;}
+.bio {margin:0 0.5em 2em 0.5em;}
+
+/*Resume*/
+.resume {margin:1em 0;
+	h1 {font-size:0.8em; margin:0; line-height: 1.1em; color:#aaa; border-bottom:1px solid #eee; text-shadow:0 -1px 1px white;
+		& + h2 {margin-top:0.5em;}
+	}
+	h2 {margin:1.5em 0 0.25em 0; line-height: 1.25em; font-size:1.25em;}
+	h2:first-child { margin-top: 0.5em;}
+
+	ul, ol {list-style-position: inside; padding:0;}
+}
+.sidebar {
+	h1, h2, h3, h4 {margin:1.5em 0 0.75em 0;}
+	ul, ol {margin:0.5em 0 1em 0;}
+	*:first-child {margin-top:0;}
+}
+
+/*Footer*/
+.footer {font-size:0.8em; border-top:1px solid darken(@bgColor, 12%); padding: 0.5em 0; line-height: 1.25em;
+	p {margin:0.25em 1em}
+	.social {list-style-type:none; margin:0.25em 0;
+		li {float:left; margin:0 0.25em;}
+	}
+}
+
+a.inPression {color:#777; font-weight:bold;
+	b {color:#900;}
+}
+
+/*Cards (Video and other media)*/
+.category {color: lighten(@textColor, 25%); font-size:0.8em; font-weight:bold; margin:0; padding-top:1em; clear:both; text-align: center; 
+	border-bottom:1px solid lighten(@textColor, 80%);}
+.category + .cards {margin-top:0;}
+.cards {padding:0; margin:1em 0; list-style-type: none;
+	li {width: 32%; float:left; position: relative; height:auto; overflow: hidden; margin:1em 1% 1em 0;
+		.transition(.25s linear all); z-index: 100;
+
+		&.endrow {margin-right:0;}
+		&:hover {.box-shadow(0 0 0.5em rgba(0,0,0,.75)); .transition(.25s linear all);}
+		
+		img {width:100%;}
+		a {color:white;}
+		h3 {position: absolute; bottom:0; left:0; margin:0; background:black; background:rgba(0,0,0,.75);
+			font-size:1em; padding:0.25em 0.5em; display:inline-block;
+		}
+
+		&:hover h3 {background:rgba(0,0,0,.95); .transition(0.25s linear all);}
+		
+	}
+}
+
+/* Clips */
+.clip { margin:2em 0; height: auto; overflow: hidden; padding-left:20%;
+	.thumbnail {float:left; margin-left:-25%; margin-top:1em; width:22%; .box-shadow(0 0 0.25em rgba(0,0,0,.5)); }
+	.outlet {margin: 0; color:@metaColor; letter-spacing: 0.15em; text-transform: uppercase; font-size:0.8em;}
+	h2, h3 {margin: 0; line-height: 1.333;}
+	.date {margin: 0.5em 0 2em 0; font-size:0.8em; color:#aaa;}
+	blockquote {margin: 0; padding: 0.5em 1em; background:darken(@bgColor, 4%); 
+		border-left: 0.2em solid darken(@bgColor, 6%);}
+	.versions {list-style-type: none; margin:0.5em 0; padding:0; 
+		li {float:left; margin-right:2em; font-size:0.85em;}
+	}
+	.text {max-width: 40em; // For readability
+		p {margin:1em 0; line-height: 1.66em}
+	}
+}
+.clip.detail { padding-left:33%;
+	.context {margin-left:-48%; width:45%; float:left;
+		img {width:100%;}
+	}
+	.versions {
+		li {float:none; margin:0; padding: 0.5em; border-bottom:1px dotted darken(@bgColor, 20%); }
+	}
+}
+
+/* Contact */
+#contact {width:25%; margin: 1em auto; background:white; border: 1px solid #666; padding:0.5em 1em;
+		.box-shadow(0em 0.2em 4em rgba(0,0,0,.9)); position:absolute; top:4em; left:37.5%;
+		opacity: 0; .transition(0.2s ease-in all); -webkit-transform: rotateX(90deg) scale(0.8) rotate(18deg);
+
+	h1 {margin: 0.5em 0;}
+	.avatar {float:right; margin: 0 0 0.5em 0.5em;}
+
+	&.active {
+		opacity: 1; .transition(0.2s ease-in all); -webkit-transform: rotateX(0deg) scale(1.0) rotate(0deg);
+		z-index: 2000;
+	}
+
+	.social {list-style-type:none; margin:0.25em 0; padding:0;
+		li {float:left; margin:0 0.5em 0 0; padding:0;}
+	}
+}
+
+#contact_overlay {position: fixed; top:0; left:0; width:100%; height: 100%; background: black; background: rgba(0,0,0,.85); display:none; z-index:1000;}
+{% extends base_template %}
+{% load thumbnail %}
+
+{% block content %}
+
+	<ul class="cards">
+	{% for story in stories %}
+
+		<li class="{% if forloop.counter|divisibleby:'3' %}endrow{% endif %}">
+			<a href="{{ story.link }}" data-shoebox="storify">
+				<img src="{% thumbnail story.thumb 320x240 crop=",0" %}">
+			</a>
+			<h3>
+				<a href="{{ story.link }}" data-shoebox="storify">
+					{{ story.title }}
+				</a>
+			</h3>
+		</li>
+
+	{% endfor %}
+	</ul>
+
+{% endblock content %}

storify_portfolio.html

+{% extends base_template %}

video_portfolio.html

+{% extends base_template %}
+{% load thumbnail markup %}
+
+{% block content %}
+	{% for cat in categories %}
+		{% if cat.get_videos.count %} 
+			
+		<h2 class="category">{{ cat.name }}</h2>
+			<ul class="cards">
+			{% for video in cat.get_videos %}
+
+				<li class="{% if category.video_set.count == 1 %}only {% endif %}{% if forloop.counter|divisibleby:'3' %}endrow{% endif %}">
+					<a href="{{ video.video }}" data-shoebox="{{ video.get_video_type }}" data-description="{{ video.about|markdown }}" data-context="{{ video.outlet }}">
+						<img src="{% thumbnail video.image 320x180 crop=",0" %}">
+					</a>
+					<h3>
+						<a href="{{ video.video }}" data-shoebox="{{ video.get_video_type }}" data-description="{{ video.about }}" data-context="{{ video.outlet }}">
+							{{ video.headline }}
+						</a>
+					</h3>
+				</li>
+
+			{% endfor %}
+			</ul>
+		{% endif %}
+	{% endfor %}
+
+{% endblock content %}

webapp_portfolio.html

+{% extends base_template %}
+
+{% block content %}
+	{% for project in projects %}
+		<p>{{ project }}</p>
+	{% endfor %}
+
+{% endblock content %}
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.