summaryrefslogtreecommitdiff
path: root/design
diff options
context:
space:
mode:
Diffstat (limited to 'design')
-rw-r--r--design/sass/_house.scss89
-rw-r--r--design/sass/_mixins.scss1
-rw-r--r--design/sass/_projects.scss1
-rw-r--r--design/sass/_writing_details.scss14
-rw-r--r--design/sass/screenv8.scss1
-rw-r--r--design/templates/archives/projects.html2
-rw-r--r--design/templates/base.html6
-rw-r--r--design/templates/details/entry.html11
-rw-r--r--design/templates/details/for-sale-412-holman-ave.html58
9 files changed, 168 insertions, 15 deletions
diff --git a/design/sass/_house.scss b/design/sass/_house.scss
new file mode 100644
index 0000000..b3afcc0
--- /dev/null
+++ b/design/sass/_house.scss
@@ -0,0 +1,89 @@
+$blue: #39deea;
+
+.house .map img { background: none !important;}
+.house .map { float: left;}
+.house main { @include constrain_wide;}
+.house .picwide {
+ background: none;
+ max-width: 100%;
+ margin: 0;
+ @include breakpoint(epsilon){
+ width: 1280px;
+ }
+}
+.flist {
+ @extend %clearfix;
+ @include constrain(900px);
+ @include fancy_sans;
+ @include fontsize(18);
+ margin-top: 4em;
+ text-align: left;
+ list-style-position: inside;
+ color: #393939;
+ li {
+ margin: 1.5em 0;
+ min-height: 140px;
+
+ }
+ li:first-of-type { margin-top: 0 ;}
+
+ h3 {
+ @include fontsize(24);
+ max-width: 100%;
+ font-weight: 400;
+ margin: .25em 0 0 0;
+ padding-top: .15em;
+ }
+ .inner{
+ display: inline-block;
+ width: 22px;
+ height: 22px;
+ border-radius: 30em;
+ position: absolute;
+ top: 19px;
+ left: 19px;
+ background: white url("/media/img/check.png") 50% 50% no-repeat;
+ background-size: 15px;
+ }
+ .outer {
+ display: inline-block;
+ float: left;
+ width: 60px;
+ height: 60px;
+ margin: 10px 40px 90px 0;
+ background: $blue;
+ border-radius: 30em;
+ position: relative;
+ }
+}
+.fsubhed {
+ @extend %clearfix;
+ @include constrain(1140px);
+ margin-top: 6em;
+ h2 {
+ margin-top: 0;
+ float: left;
+ position: relative;
+ font-weight: 400;
+ @include fontsize(32);
+ //&:after {
+ // content: "";
+ // position: absolute;
+ // top: 50%;
+ // height: 2px;
+ // width: 200px;
+ // display: block;
+ // margin-top: -3px;
+ // margin-left: 3em;
+ // background-color: #e5e5e5;
+ //}
+ }
+ p {
+ @include constrain(800px);
+ float: right;
+ }
+ a, a:visited, a:hover {
+ color: $blue;
+ }
+
+}
diff --git a/design/sass/_mixins.scss b/design/sass/_mixins.scss
index bd3c5a1..5144ad9 100644
--- a/design/sass/_mixins.scss
+++ b/design/sass/_mixins.scss
@@ -1,4 +1,5 @@
$brown: #201a11;
+$brown: #222;
$light: #ccc;
$orange: #b53a04;
$link_color: #b53a04;
diff --git a/design/sass/_projects.scss b/design/sass/_projects.scss
index 7461137..0bf4db2 100644
--- a/design/sass/_projects.scss
+++ b/design/sass/_projects.scss
@@ -37,6 +37,7 @@
img {
float: right;
margin-left: 30px;
+ max-width: 640px;
}
li { margin-bottom: 4em }
p {
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss
index 0e4fda0..0fc6a62 100644
--- a/design/sass/_writing_details.scss
+++ b/design/sass/_writing_details.scss
@@ -366,6 +366,10 @@ figure.picwide img.picwide {
@include constrain_wide;
@extend %clearfix;
margin-bottom: 1em;
+ img {
+ width: 100%;
+ padding: 0;
+ }
div img {
float: left;
width: 100%;
@@ -384,6 +388,9 @@ figure.picwide img.picwide {
width: 100%;
background: none;
}
+ .row-right {
+ float: right;
+ }
}
.pic66 {
max-width: 63.9%;
@@ -395,8 +402,15 @@ figure.picwide img.picwide {
max-width: 33%;
}
.pic5 {
+ max-width: 50.6%;
+ margin: 0 6px 6px 0;
+}
+.row-right .pic25 {
max-width: 49.5%;
}
+.pic25 {
+ max-width: 24.5%;
+}
.embed-wrapper {
@include constrain_wide;
diff --git a/design/sass/screenv8.scss b/design/sass/screenv8.scss
index 29dbb25..71988d2 100644
--- a/design/sass/screenv8.scss
+++ b/design/sass/screenv8.scss
@@ -23,6 +23,7 @@
@import "_figments.scss";
@import "_resume.scss";
@import "_inbox.scss";
+@import "_house.scss";
//@import _large.sass
//@import _desktop_lg.sass
diff --git a/design/templates/archives/projects.html b/design/templates/archives/projects.html
index 62cca22..5918feb 100644
--- a/design/templates/archives/projects.html
+++ b/design/templates/archives/projects.html
@@ -18,7 +18,7 @@
<li>
<h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1>
<div class="img">
- <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
+ <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img sizes="(max-width: 640px) 100vw, (min-width: 641px) 640px" srcset="{{object.get_project_image|slice:"0:-4"}}_lg.jpg 1280w" src="{{object.get_project_image}}" alt="{{ object.title }}" class="post-image" /></a>
</div>
<div class="hyphenate">{{object.lede|safe|smartypants}}</div>
<p class="projects--button"><a href="{{object.get_absolute_url}}">Explore&nbsp;&#8674;</a></p>
diff --git a/design/templates/base.html b/design/templates/base.html
index a7a492c..c0a5ca8 100644
--- a/design/templates/base.html
+++ b/design/templates/base.html
@@ -38,11 +38,11 @@
<nav role="navigation" class="bl">
<ul>
<li id="laverdad"><a href="/jrnl/" title="What we've been up to lately">Journal</a></li>
- <li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
- <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>
+ <!--<li id="nota"><a href="/field-notes/" title="Quick notes and images from the road">Notes</a></li>
+ <li id="fotos"><a href="/photos/" title="Photos from travels around the world">Photos</a></li>i-->
<li id="maps"><a href="/map" title="Maps">Map</a></li>
<li id="about"><a href="/about" title="About Luxagraf">About</a></li>
- <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">Etc</a></li>
+ <li id="etc" class="last"><a href="/projects/" title="the less visible portions of the iceberg">More</a></li>
</ul>
</nav>
</div>
diff --git a/design/templates/details/entry.html b/design/templates/details/entry.html
index a2b6873..3762b48 100644
--- a/design/templates/details/entry.html
+++ b/design/templates/details/entry.html
@@ -85,17 +85,6 @@ class="{%if t == 1 or t == 3 or t == 5 %}double{%else%}single{%endif%}{%if t ==
{%endif%}
{% endblock %}
{% block js %}
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-<defs>
-<symbol id="icon-external" viewBox="0 0 12 12">
-<title>external</title>
-<path fill="#FFF" stroke="#fff" stroke-width="10" d="m43,35H5v60h60V57M45,5v10l10,10-30,30 20,20 30-30 10,10h10V5z"/>
-</svg>
-<!--Fallback -->
- external
-</symbol>
-</defs>
-</svg>
<script src="/media/js/lightbox.js" type="text/javascript"></script>
<script>
var opts= {
diff --git a/design/templates/details/for-sale-412-holman-ave.html b/design/templates/details/for-sale-412-holman-ave.html
new file mode 100644
index 0000000..5d1a2a7
--- /dev/null
+++ b/design/templates/details/for-sale-412-holman-ave.html
@@ -0,0 +1,58 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% block pagetitle %}Luxagraf | {{object.title}}{% endblock %}
+{% block metadescription %}{{object.meta_description}}{% endblock %}
+{%block htmlclass%}class="single house"{%endblock%}
+{%block bodyid%}id="{{object.title|lower}}"{%endblock%}
+{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
+ <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> &rarr; </li>
+ <li>{{object.title}}</li>
+ </ul>
+ <main>
+ <article class="h-entry hentry post--article" itemscope="" itemtype="http://schema.org/Article">
+ <h1 class="">For Sale: 412 Holman Ave, Athens, GA</h1>
+ {{object.body_html|safe|smartypants|widont}}
+ </article>
+ </main>
+{% endblock %}
+{% block js %}
+<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDwtF_4OvkTKl058VEHrwezMJS2gYXNys4&callback=initMap" type="text/javascript"></script>
+<script type="text/javascript">
+function initMap(){
+ var myOptions = {
+ zoom:17,
+ center:new google.maps.LatLng(33.957897,-83.40810199999999),
+ mapTypeId: google.maps.MapTypeId.ROADMAP
+ };
+ map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
+ marker = new google.maps.Marker({
+ map: map,position: new google.maps.LatLng(33.957897, -83.40810199999999)
+ });
+ infowindow = new google.maps.InfoWindow({content:"<b>For Sale</b><br/>412 Holman Ave<br/>30606 Athens" });
+ google.maps.event.addListener(marker, "click", function(){
+ infowindow.open(map,marker);
+ });
+ infowindow.open(map,marker);
+}
+google.maps.event.addDomListener(window, 'load', init_map);
+</script>
+<script src="/media/js/lightbox.js" type="text/javascript"></script>
+<script>
+var opts= {
+ //nextOnClick: false,
+ captions: true,
+ onload: function(){
+ var im = document.getElementById("jslghtbx-contentwrapper");
+ var link = im.appendChild(document.createElement('a'))
+ link.href = im.firstChild.src;
+ link.innerHTML= "open ";
+ link.target = "_blank";
+ link.setAttribute('class', 'p-link');
+ im.appendChild(link);
+ }
+};
+var lightbox = new Lightbox();
+lightbox.load(opts);
+</script>
+
+{% endblock %}
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-11-16 12:36:58 +0000