initial commit

5 files changed, 399 insertions, 0 deletions

diff --git a/design/templates/admin/buttons.html b/design/templates/admin/buttons.html
new file mode 100644
index 0000000..d9d3171
--- /dev/null
+++ b/design/templates/admin/buttons.html
@@ -0,0 +1,52 @@
+<style>
+    .cust {
+        margin-top: 8px;
+        margin-bottom: 16px;
+    }
+    .item {  
+        display: block;
+        float: none !important;
+        margin-left: 8px;
+        margin-top: 6px;
+        color: #444;
+        overflow: visible !important;
+    }
+    .item a {
+        text-transform: uppercase;
+        min-width: 180px;
+        font-size: 90%;
+        position: relative;
+        display: inline-block;
+        margin: 0px;
+        padding: 7px 5px;
+        height: 32px;
+        -moz-box-sizing: border-box;
+        cursor: pointer;
+        overflow: hidden;
+        vertical-align: top;
+        color: rgb(255, 255, 255);
+        background: #79aec8;
+        }
+</style>
+
+    <div class="module" id="recent-actions-module">
+            <div class="grp-module" id="grp-recent-actions-module">
+                <h2>Publish Site</h2>
+                {% if message %}
+                <ul class="messagelist">
+                    <li style="font-weight: bold; color: red;">{{message}}...</li>
+                </ul>
+                {%endif%}
+                <div class="grp-module">
+                    <ul class="grp-listing-small cust">
+                        <li class="item"><a href="/admin/build/build?id=builddetails">Build Writing Details</a></li>
+                        <li class="item"><a href="/admin/build/build?id=writingarchives">Build Writing Archives</a></li>
+                        <li class="item"><a href="/admin/build/build?id=homepage">Build Homepage</a></li>
+                        <li class="item"><a href="/admin/build/build?id=sitemap">Build Sitemap</a></li>
+                        <li class="item"><a href="/admin/build/build?id=buildrss">Build RSS</a></li>
+                        <li class="item"><a href="/admin/build/build?id=pages">Build All Pages</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+ 
diff --git a/design/templates/admin/index.html b/design/templates/admin/index.html
new file mode 100644
index 0000000..fc857f2
--- /dev/null
+++ b/design/templates/admin/index.html
@@ -0,0 +1,148 @@
+{% extends "admin/base_site.html" %}
+{% load i18n admin_static %}
+
+{% block extrastyle %}{{ block.super }}<link rel="stylesheet" type="text/css" href="{% static "admin/css/dashboard.css" %}" />
+<style>
+.module caption {
+    padding: 5px;
+}
+td, th {
+    font-size: 12px;
+    padding: 5px 8px;
+}
+.module {
+    margin-bottom: 20px;
+}
+</style>
+{% endblock %}
+
+{% block coltype %}colMS{% endblock %}
+
+{% block bodyclass %}dashboard{% endblock %}
+
+{% block breadcrumbs %}{% endblock %}
+
+{% block content %}
+<div id="content-main">
+
+{% if app_list %}
+        <div class="module">
+            <table>
+                <caption><a href="{{ app.app_url }}" class="section" title="{% blocktrans with name=app.name %}Models in the {{ name }} application{% endblocktrans %}">Frequently Used</a></caption>
+            <tr>
+                <th scope="row"><a href="/admin/django_comments/comment/">moderate comments</a></th>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/jrnl/entry/">jrnl</a></th>
+                <td><a href="/admin/jrnl/entry/add/" class="addlink">{% trans 'Add' %}</a></td></tr>
+            <tr>    
+                <th scope="row"><a href="/admin/photos/luximage/">photos</a></th>
+                <td><a href="/admin/photos/luximage/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/sightings/sighting/">sightings</a></th>
+                <td><a href="/admin/sightings/sighting/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>    
+                <th scope="row"><a href="/admin/fieldnotes/fieldnote/">fieldnotes</a></th>
+                <td><a href="/admin/fieldnotes/fieldnote/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>    
+                <th scope="row"><a href="/admin/locations/checkin/">check ins</a></th>
+                <td><a href="/admin/locations/checkin/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/locations/location/">locations</a></th>
+                <td><a href="/admin/locations/location/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/sightings/ap/">dialogue</a></th>
+                <td><a href="/admin/sightings/ap/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/locations/campsite/">campsite</a></th>
+                <td><a href="/admin/locations/campsite/add/" class="addlink">Add</a></td>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/jrnl/home/1/change/">homepage</a></th>
+            </tr>
+            <tr>
+                <th scope="row"><a href="/admin/pages/page/">pages</a></th>
+                <td><a href="/admin/pages/page/add/" class="addlink">Add</a></td>
+            </tr>
+            </table>
+        </div>
+    {% for app in app_list %}
+        <div class="module">
+        <table>
+        <caption>
+            <a href="{{ app.app_url }}" class="section" title="{% blocktrans with name=app.name %}Models in the {{ name }} application{% endblocktrans %}">
+                {% blocktrans with name=app.name %}{{ name }}{% endblocktrans %}
+            </a>
+        </caption>
+        {% for model in app.models %}
+            <tr>
+            {% if model.admin_url %}
+                <th scope="row"><a href="{{ model.admin_url }}">{{ model.name }}</a></th>
+            {% else %}
+                <th scope="row">{{ model.name }}</th>
+            {% endif %}
+
+            {% if model.add_url %}
+                <td><a href="{{ model.add_url }}" class="addlink">{% trans 'Add' %}</a></td>
+            {% else %}
+                <td>&nbsp;</td>
+            {% endif %}
+
+            {% if model.admin_url %}
+                <td><a href="{{ model.admin_url }}" class="changelink">{% trans 'Change' %}</a></td>
+            {% else %}
+                <td>&nbsp;</td>
+            {% endif %}
+            </tr>
+            {% if model.name == "Gigs"%}
+            <tr>    <th scope="row"><a href="{{ model.admin_url }}monthly/">Income for month</a></th></tr>
+                {% endif %}
+        {% endfor %}
+        </table>
+        </div>
+    {% endfor %}
+{% else %}
+    <p>{% trans "You don't have permission to edit anything." %}</p>
+{% endif %}
+</div>
+{% endblock %}
+
+{% block sidebar %}
+
+<div id="content-related">
+{% include 'admin/buttons.html' %}
+    <div class="module" id="recent-actions-module">
+        <h2>{% trans 'Recent Actions' %}</h2>
+        <h3>{% trans 'My Actions' %}</h3>
+            {% load log %}
+            {% get_admin_log 10 as admin_log for_user user %}
+            {% if not admin_log %}
+            <p>{% trans 'None available' %}</p>
+            {% else %}
+            <ul class="actionlist">
+            {% for entry in admin_log %}
+            <li class="{% if entry.is_addition %}addlink{% endif %}{% if entry.is_change %}changelink{% endif %}{% if entry.is_deletion %}deletelink{% endif %}">
+                {% if entry.is_deletion or not entry.get_admin_url %}
+                    {{ entry.object_repr }}
+                {% else %}
+                    <a href="{{ entry.get_admin_url }}">{{ entry.object_repr }}</a>
+                {% endif %}
+                <br/>
+                {% if entry.content_type %}
+                    <span class="mini quiet">{% filter capfirst %}{% trans entry.content_type.name %}{% endfilter %}</span>
+                {% else %}
+                    <span class="mini quiet">{% trans 'Unknown content' %}</span>
+                {% endif %}
+            </li>
+            {% endfor %}
+            </ul>
+            {% endif %}
+    </div>
+</div>
+{% endblock %}
diff --git a/design/templates/admin/message.html b/design/templates/admin/message.html
new file mode 100644
index 0000000..348b15d
--- /dev/null
+++ b/design/templates/admin/message.html
@@ -0,0 +1,20 @@
+{% extends 'admin/base_site.html' %}
+
+{% block content %}
+{{message}}... <span style="color:red;" id="done"></span>
+{% endblock %}
+
+{% block extrahead %}
+<script type="text/javascript">
+function delayer(){
+    console.log("function fired")
+    document.getElementById('done').innerHTML = 'done'
+    window.location = "/admin/"
+}
+
+document.addEventListener("DOMContentLoaded", function(event) { 
+    window.setTimeout(delayer, 1000);
+});
+</script>
+{% endblock %}
+
diff --git a/design/templates/base.html b/design/templates/base.html
new file mode 100644
index 0000000..41a8033
--- /dev/null
+++ b/design/templates/base.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US">
+    {% block sitename %}
+<head>
+    <title>{% block pagetitle %}{% endblock %}</title>{%endblock%}
+    <meta charset="utf-8">
+    <meta http-equiv="x-ua-compatible" content="ie=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" 
+          content="{% block metadescription %}Scott Gilbertson is a Technical Writer, Copywriter and Editor helping your company increase its online content to boost your traffic and attract new leads. {% endblock %}">
+    <meta name="author" content="Scott Gilbertson">
+    <link rel="alternate" 
+          type="application/rss+xml" 
+          title="RSS feed"
+          href="/rss/">
+    {%block stylesheet%}<link rel="stylesheet" 
+          href="/media/screenv1.css?{% now "u" %}" 
+          media="screen">{%endblock%}
+    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
+    <!--<link rel="manifest" href="/manifest.webmanifest" /> -->
+    {%block extrahead%}{%endblock%}
+</head>
+<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}>
+    <div class="wrapper" id="wrapper">
+    <div class="header-wrapper">
+        <header class="site-banner">
+            <div id="logo">
+                <a href="/" title="Home">Libregraf</a>
+                <span class="tagline">Let's Tell Your Story</span>
+            </div>
+            <nav>
+                <ul>
+                    <li><a href="/hire-me" title="">Hire Me</a></li>
+                    <li><a href="/about" title="">About Scott</a></li>
+                    <!--<li><a href="/portfolio" title="">Portfolio</a></li>
+                    <li><a href="/praise" title="">Praise</a></li>
+                    <li><a href="/contact" title="">Contact</a></li>
+                    <li><a href="/blog/" title="">Blog</a></li>-->
+                </ul>
+            </nav>
+        </header>
+    </div>
+    {% block content %}{% endblock %}
+    {% block extrabody %}{% endblock %}
+    <footer class="bl">
+        <p id="license">
+            &copy; {% now "Y" %} 
+            <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data><data class="p-locality" value="Athens"></data><data class="p-region" value="Georgia"></data><data class="p-country-name" value="United States"></data></span>.
+        </p>
+        <ul class="footer-nav">
+            <li><a href="/contact" title="contact luxagraf">Contact</a></li>
+        </ul>
+    </footer>
+    </div>
+    {% block js %}{% endblock%}
+<script>
+// Register our service-worker
+if (navigator.serviceWorker) {
+    window.addEventListener('load', function() {
+        if (navigator.serviceWorker.controller) {
+            navigator.serviceWorker.controller.postMessage({'command': 'trimCaches'});
+        } else {
+            navigator.serviceWorker.register('/media/js/serviceworker.js', {
+                scope: '/'
+            });
+        }
+    });
+}
+</script>
+    {%comment%}
+<!-- Piwik -->
+<script type="text/javascript">
+var _paq = _paq || [];
+_paq.push(["disableCookies"]);
+_paq.push(['trackPageView']);
+_paq.push(['enableLinkTracking']);
+(function() {
+    var u="//stats.luxagraf.net/";
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['setSiteId', 1]);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+    g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+})();
+</script>
+<noscript><p><img src="//stats.luxagraf.net/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
+<!-- End Piwik Code -->
+{%endcomment%}
+
+</body>
+</html>
+
diff --git a/design/templates/homepage.html b/design/templates/homepage.html
new file mode 100644
index 0000000..ed47bdb
--- /dev/null
+++ b/design/templates/homepage.html
@@ -0,0 +1,88 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% block sitename %}
+<head itemscope itemtype="http://schema.org/WebSite">
+    <title itemprop='name'>Everyone has a story - I'll help you tell yours</title>
+    <link rel="canonical" href="https://libregraf.net/" itemprop="url" />
+
+{% endblock %}
+
+{%block bodyid%}id="home" class="home"{%endblock%}
+
+{% block content %}
+<div class="content-wrapper hero-wrapper">
+    <div class="content hero">
+        <div class="hero-pic">
+            <img src="/media/bio.jpg" class="circle-pic" alt="Scott Gilbertson" />
+        </div>
+        <div class="hero-text">
+            <h1 class="hed-alpha">Need Content That Converts?</h1>
+            <h2 class="hed-beta">Let's find the weak spots in your content and strengthen them.</h2>
+            <h2 class="hed-beta">I'll create the content you need to amp up your traffic, leads and&nbsp;sales.</h2>
+            <h3 class="hed-alpha">My writing attracts, engages and converts.</h3>
+            <p>Whether you’re an entrepreneur, small business, or large company, my custom tailored content can catapult your online visibility and give you the traffic boost you need to attract new leads.</p>
+            <p><a href="/hire-me" class="btn btn-hollow">Let's Get Started</a></p>
+        </div>
+    </div>
+</div>
+<div class="content-wrapper">
+    <div class="content">
+        <h4 class="hed-gamma hed-border">How Can I Help You?</h4>
+        <p class="narrow">Since the dawn of the Internet I've been helping people discover the power of stories. Stories pull customers in, stories drive traffic. You don't need &#8220;marketing,&#8221; you need good stories. Here's a few ways I can help tell your story.</p>
+        <div class="home-card-wrapper">
+        <div class="flex">
+            <div class="card card-tiny">
+                <div class="card-image">
+                    <img src="/media/img/typing.jpg" alt="hands typing code on laptop" />
+                </div>
+                <h5 class="hed-delta">Technical Writing</h5>
+                <p>My specialty is making the technical easy to understand. I've used my expertise as a developer to write documentation, tutorials, and white papers. I&#8217;ve helped companies like Opera Software, Postmarkapp, Sifter tell their story to developers and users. Lets tell your story.</p>
+            </div>
+            <div class="card card-tiny">
+                <div class="card-image">
+                    <img src="/media/img/content.jpg" alt="hands typing code on laptop" />
+                </div>
+                <h5 class="hed-delta">Content Marketing</h5>
+                <p>Content marketing is marketing-speak for telling stories that captivate your audience. Whether you already have a blog or are starting from scratch, I can help refine your strategies and create content focused on achieving measurable results.</p>
+            </div>
+            <div class="card card-tiny">
+                <div class="card-image">
+                    <img src="/media/img/pen.jpg" alt="pen editing papers" />
+                </div>
+                <h5 class="hed-delta">Copywriting &amp; Copy editing</h5>
+                <p>Maybe you've already written your story, but could use a hand polishing it up. Whether you need some need some fine tuning of what you already have, or need some help organizing and streamlining your story, I can help.</p>
+            </div>
+        </div>
+            <a href="/hire-me" class="btn btn-hollow btn-link">Hire Me!</a>
+            <a href="https://google.com/" class="btn btn-hollow btn-link">Go Cheap</a>
+        </div>
+    </div>
+</div>
+<div class="content-wrapper">
+    <h6 class="hed-gamma hed-border">Companies I've helped</h6>
+        <div class="border-wrapper">
+        <ul class="list-inline home-logos">
+            <li><a href="https://wired.com/" title="Wired.com"><img src="/media/img/wired.png" alt="Wired logo" /></a></li>
+            <li><a href="https://opera.com/" title="Opera.com"><img src="/media/img/opera.png" alt="Opera Web Browser logo" /></a></li>
+            <li><a href="https://arstechnica.com/" title="ArsTechnica.com"><img src="/media/img/ars.png" alt="Ars logo" /></a></li>
+            <li><a href="https://sifterapp.com/" title="Sifter.com"><img src="/media/img/sifter.png" alt="Sifter logo" /></a></li>
+            <li><a href="https://www.boostmobile.com/" title="boostmobile"><img src="/media/img/boost.png" alt="Boost Mobile logo" /></a></li>
+            <li><a href="https://webmonkey.com/" title="Webmonkey.com"><img src="/media/img/webmonkey.jpg" alt="Webmonkey logo" /></a></li>
+            <!--<li><a href="" title=""><img src="/media/img/budgettravel.jpg" alt="Budget Travel logo" /></li>-->
+            <li><a href="https://postmarkapp.com/" title="Postmark"><img src="/media/img/postmark.png" alt="Postmarkapp logo" /></a></li>
+            <li><a href="https://theregister.co.uk/" title="The register"><img src="/media/img/register.png" alt="Register logo" /></a></li>
+        </ul>
+        </div>
+</div>
+
+<div class="content-wrapper">
+    <div class="content">
+        <div class="home-border-wrapper">
+            <h6 class="hed-gamma hed-border">What Clients Say</h6>
+        </div>
+    </div>
+</div>
+{% endblock %}
+
+#### Copywriting &amp; Copy editing
+Whether you need some writing done from scratch or just need some fine tuning of what you already have, I can help.