From c4da428fc9ec439389b7473ba5638d9f82085475 Mon Sep 17 00:00:00 2001 From: luxagraf Date: Sun, 13 Jan 2019 11:51:02 -0600 Subject: updated income and resume apps --- design/sass/pdf_gen.scss | 140 +++++++++++++++++++++++++++++ design/templates/archives/notes.html | 6 +- design/templates/details/invoice.html | 97 ++++++++++++++++++++ design/templates/details/pubs.html | 23 +++++ design/templates/details/resume.html | 163 +++++++++++++++++++++++++++++----- 5 files changed, 408 insertions(+), 21 deletions(-) create mode 100644 design/sass/pdf_gen.scss create mode 100644 design/templates/details/invoice.html create mode 100644 design/templates/details/pubs.html (limited to 'design') diff --git a/design/sass/pdf_gen.scss b/design/sass/pdf_gen.scss new file mode 100644 index 0000000..b5072cd --- /dev/null +++ b/design/sass/pdf_gen.scss @@ -0,0 +1,140 @@ +@import "_fonts.scss"; +@import "_mixins.scss"; + +body { + @include fancy_sans; +} +.subhead { + text-align: right; + width: 4cm; + float: right; + @extend %clearfix; + > * { + margin: 0; + font-weight: 400; + } +} +header, .row { + @extend %clearfix; + margin-top: 1cm; +} +.print-box { + width: 49%; + float: left; + > * { + padding: .125cm; + margin: 0; + } + h5, h4 { + @include smcaps; + font-size: 9pt; + line-height: .5; + } + h4 { + margin-top: -10pt; + font-size: 16pt; + line-height: 1.5; + } +} +#bill-from, #bill { + border: none; + width: 47%; + float: left; +} +#bill { + float: right; +} +#bill-to { + width: 47%; + float: right; +} +table { + font-family: "Open Sans", sans-serif; + line-height: 1; + border: 1px solid #ccc; + border-collapse: collapse; + margin: 1cm 0 0 0; + padding: 0; + width: 625px; +} +table caption { + text-align: left; + font-size: 10pt; + text-transform: uppercase; + font-weight: 600; + margin: .5em 0 .75em; + &:after { + content: ":"; + } +} +table tr { + border: 1px solid #ddd; + padding: .35em; +} +table tr.odd { background: #f6f4f4cc;} +thead {display: table-header-group; } +table th, +table td { + padding: .625em .625em .625em 1em; + text-align: left; + border-right: 1px solid #ddd; +} +table td { + white-space: -o-pre-wrap; + word-wrap: break-word; + white-space: pre-wrap; + white-space: -moz-pre-wrap; + white-space: -pre-wrap; + font-size: 8pt; +} +table th { + font-size: 7pt; + letter-spacing: .1em; + text-transform: uppercase; + background: #f6f4f4; +} + +table .blank { + white-space: normal; + td { + padding: 1rem; + white-space: normal; + &:last-of-type { + text-align: left; + min-width: 1.2cm; + } + } +} +table .right { + text-align: right; +} +table th a { + text-decoration: none; + position: relative; + span { + position: absolute; + top: -2px; + } +} +.smfield { min-width: 50pt;} +table .total { font-size: 9pt !important;} +.thanks { + margin-top: 40pt; + font-family: times, times new roman; + font-style: italic; + font-weight: 300; + text-align: center; + color: #333; +} + +@page { + @bottom-right{ + @include fancy_sans; + @include smcaps; + content: "Page " counter(page) " of " counter(pages); + font-size: 6pt; + color: #666; + width: 2cm; + } +} + diff --git a/design/templates/archives/notes.html b/design/templates/archives/notes.html index 998546f..8dc168e 100644 --- a/design/templates/archives/notes.html +++ b/design/templates/archives/notes.html @@ -1,6 +1,7 @@ {% extends 'base.html' %} {% load typogrify_tags %} {% load html5_datetime %} +{% load pagination_tags %} {% block pagetitle %} Field Notes | luxagraf {% endblock %} {% block metadescription %} Rough notes and sketches from the field {% endblock %} {%block bodyid%}class="notes" id="notes-archive"{%endblock%} @@ -13,7 +14,7 @@

Field Notes

Quick notes and images from the road

- {% for object in object_list %} + {% autopaginate object_list 2 %}{% for object in object_list %} {% endfor %}
+ {% endblock %} diff --git a/design/templates/details/invoice.html b/design/templates/details/invoice.html new file mode 100644 index 0000000..1a812c8 --- /dev/null +++ b/design/templates/details/invoice.html @@ -0,0 +1,97 @@ +{% load typogrify_tags %} + + + + + Invoice for {{object.title}} + + + + + + + {% load static %} + +
+ + +
+
+ +
+ + + + + + + + + + + + + {% for obj in object_list %} + + + + + + + {%endfor%} + + + + + + + + + + + + + + + + + + + + + +
Items
+
Date
+		 +
Time
+		 +
Hours
+		 +
Tasks
+
{{obj.time_start|date:"m/d/y"}}{{obj.time_start|date:"g:i"}} - {{obj.time_end|date:"g:i"}}{{obj.rounded_total}}{{obj.work_done|capfirst}}
Total Hours:{{total_hours}}
Rate:$100/hr
Total for Invoice:${{total_billed}}
+

Thank you for your prompt payment

+ diff --git a/design/templates/details/pubs.html b/design/templates/details/pubs.html new file mode 100644 index 0000000..ff16bbe --- /dev/null +++ b/design/templates/details/pubs.html @@ -0,0 +1,23 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} + +{% block pagetitle %}{% endblock %} +{% block metadescription %}{% endblock %} + +{%block htmlclass%}class="detail{%endblock%} + +{% block primary %} +
+
+ {% if object.title != "Resume" %}

{{object.title|safe|smartypants|widont}}

{% endif %} + {% if object.publisher %}

This article was published in {{object.publisher}}, you can view the original there, complete with graphics, comments and other fun stuff.

{% endif %} +
+ {{object.body_html|safe|smartypants|widont}} +
+
+
+ {%endblock%} diff --git a/design/templates/details/resume.html b/design/templates/details/resume.html index ff16bbe..611765c 100644 --- a/design/templates/details/resume.html +++ b/design/templates/details/resume.html @@ -1,23 +1,146 @@ {% extends 'base.html' %} {% load typogrify_tags %} +{% block pagetitle %}Scott Gilbertson - Curriculum Vitæ{%endblock%} +{% block extrahead%} + + + + + + + + + + + + +{%endblock%} +{%block bodyid%}class="resume"{%endblock%} +{%block htmlclass %}class="detail"{%endblock%} +{% block primary %} +
+
+
+
+

+ Scott + Nathan + Gilbertson +

+

Writer, Photographer, Web Developer

+
+ +
+
+

Profile

+

I am a writer, producer and web developer based in Athens, GA. Clients include Wired, Webmonkey, Ars Technica, Pioneer and Boost Mobile, among others. I wrote for Wired.com’s Webmonkey.com for 13 years and served as head editor for three. I’ve been developing on the web and writing about web development for nearly two decades. For an up-to-date list of recent articles, please browse the publications list.

+
-{% block pagetitle %}{% endblock %} -{% block metadescription %}{% endblock %} - -{%block htmlclass%}class="detail{%endblock%} - -{% block primary %} -
-
- {% if object.title != "Resume" %}

{{object.title|safe|smartypants|widont}}

{% endif %} - {% if object.publisher %}

This article was published in {{object.publisher}}, you can view the original there, complete with graphics, comments and other fun stuff.

{% endif %} -
- {{object.body_html|safe|smartypants|widont}} -
-
-
- {%endblock%} +
+

Skills

+ +

+

Freelance writer, producer, journalist, editor and hand model at places like Wired, Ars Technica, Budget Travel. I’ve written blogs, features, news items, ad copy, technical documentation, tutorials, how-tos, wikis and probably other things I’ve forgotten about. I also served as editor-in-chief of Webmonkey.com.

+ +

+

Expert front-end engineer in using , , and high performance , , , , and more.

+

Experience maintaining large-scale web applications and tools with and in conjunction with databases like (including numerous PostGIS, geographic database projects), , . Experience administering servers and running web servers like , and .

+

Advocate and evangelist for free software and open web standards technologies such as , related APIs, , (including a 350 page book on the subject) and .

+ +

+

Good design eye specializing in fluid, clean layouts with strong .

+

Photo and video editing using , , , , , and .

+ +
+ +
+

Experience

{% for job in object.jobs.all %} +
+

{{job.title}}

+
    +
  • (–{% if job.date_end %}{%else%}present{%endif%})
    • +
+

{{job.body_html|safe}}

+
{% endfor %} + + {%comment%} +
+

Web Developer

+
    +
  • (–Present) +
    • +
+

Co-founded a small design company where I serve as front-end web developer. I work closely with my co-founder (lead UI/UX), transforming visual designs into valid, semantic HTML/CSS/JavaScript. We specialize in responsive designs and mobile-friendly content that works across browsers and devices. Clients included Wired, Pioneer Entertainment, Boost Mobile, Co-op Credit Union and others.

+
+ +
+

Founder, LongHandPixels Press

+
    +
  • (–Present) +
    • +
+

Founded an ebook publishing company, LongHandPixels Press and launched my first book, Build a Better Web with Responsive Web Design. The book covers responsive design, mobile-first web development, progressive enhancement and how modern tools like Sass, Grunt, Node, the Chrome developer tools and more can speed up workflows. +

+
+ +
+

Writer/Editor Webmonkey.com

+ +

I started contributing tutorials to Wired.com’s Webmonkey.com in 1999, became a full time employee in 2006 and served as editor-in-chief from 2010 to 2013. I was in charge of creating resources for web developers, including how-to guides on the latest in web standards, code libraries, server technologies and authoring resources. Wrote roughly 3 million words on various web development tools. I also helped cultivate and manage a global team of freelance contributors.

+
+ +
+

Photography and Video Editing

+ +

Co-founded a video editing company, Barrelman Productions, specializing in HD aerial video. Portfolio and highlights reel available at http://www.barrelmanproductions.com/. Skills include editing in , , and production of web-optimized video.

+
+ {%endcomment%} + +
+
+

Education

+ +
+

Bachelor of Arts, English

+ +
+ +
+ +
+ +
+{%endblock%} -- cgit v1.2.3-70-g09d2