finished template afaik

diff --git a/styles.css b/styles.css
index 0b93273..7440ecd 100644 (file)
--- a/styles.css
+++ b/styles.css
@@ -48,10 +48,10 @@ body {
        }\r
 .tel {\r
        position: absolute;\r
-    font-size: 24px;\r
+       font-size: 24px;\r
        font-size: 2.4rem;\r
        top: 10px;\r
-    right: 10px;\r
+       right: 10px;\r
        color: #7e92a6;\r
     }\r
 header {\r
@@ -79,32 +79,47 @@ nav {
     left: 170px;\r
     }\r
 nav a {\r
-       font-family: 'Rokkitt', serif;}\r
+       font-family: 'Rokkitt', serif;\r
+       }\r
 #rHome {\r
     background: #364759;\r
     padding-bottom: 19px;\r
     border-bottom: 3px solid black;\r
     }\r
-#homeLinks {\r
-    margin-left: 0;\r
+#hHlines {\r
     margin-top: 19px;\r
     }\r
-#homeLinks li {\r
+#hHlines ul,\r
+#hHlines li {\r
+    }\r
+#hHlines li {\r
     width: 251px;\r
     float: left;\r
     margin-right: 22px;\r
-    }\r
-#homeLinks li:nth-child(1) { background: url(assets/home1.jpg);}\r
-#homeLinks li:nth-child(2) { background: url(assets/home2.jpg);}\r
-#homeLinks li:nth-child(3) { background: url(assets/home3.jpg);}\r
-#homeLinks li:nth-child(4) { background: url(assets/home4.jpg);}\r
-#homeLinks li:last-child {\r
+       height: 90px;\r
+       background: url(assets/bgBlocks.png) no-repeat;\r
+       overflow: hidden;\r
+       font-family: 'Rokkitt', serif;\r
+       }\r
+#hHlines li:last-child {\r
     margin-right: 0;\r
     }\r
-#homeLinks a {\r
-    display: block;\r
-    height: 90px;\r
-    }\r
+#hHlines a {\r
+       color: #263c3c;\r
+       margin: 0 8px;\r
+       padding: 8px 0 4px 0;\r
+       display: block;\r
+       font-size: 20px;\r
+       font-size: 2.0rem;\r
+       text-decoration: none;\r
+       border-bottom: 1px solid rgba(0, 0, 0, .2);\r
+       }\r
+#hHlines p {\r
+       margin: 4px 8px;\r
+       font-size: 14px;\r
+       font-size: 1.4rem;\r
+       font-weight: bold;\r
+       }\r
 /* Main section home page */\r
 #hMain {\r
     padding-top: 37px;\r
@@ -149,6 +164,31 @@ nav a {
     width: 251px;\r
     height: 82px;\r
     }\r
+/* Toolbox */\r
+.imageright,\r
+.imageleft {\r
+       width: 300px;\r
+       }\r
+.imageright img,\r
+.imagelft img {\r
+       display: block;\r
+       }\r
+.imageright {\r
+       float: right;\r
+       }\r
+.imageleft {\r
+       float: left;\r
+       }\r
+.imagecaption {\r
+       background: rgba(0, 0, 0, .1);\r
+       padding: 8px;\r
+       }\r
+a {\r
+       color: rgba(0, 0, 0, .8);\r
+       }\r
+a:hover {\r
+       color: rgba(0, 0, 0, .9);\r
+       }\r
 /* footer */\r
 .row.rFooter {\r
        background: #364759;\r
@@ -159,6 +199,7 @@ footer {
     height: 115px;\r
     color: #4c4c4b;\r
     padding-top: 20px ;\r
+       font-family: 'Rokkitt', serif;\r
     }\r
 footer p {\r
     margin: 0 auto;\r

diff --git a/templates/template.html b/templates/template.html
index afc856b..6802dfe 100644 (file)
--- a/templates/template.html
+++ b/templates/template.html
@@ -46,8 +46,7 @@
                 {rotatingImages:h}
             {end:}
             <section id="hHlines" flexy:if="hasHeadlines" class="opensearchserver.ignore">
-            <h2>Headlines</h2>
-                <ul>
+                <ul class="glmCL">
                     <li flexy:foreach="headlines,v" class="hHlinesItem">
                         {if:v[external]}
                         <a href="{v[href]:h}" class="hHlinesHeaderLink" target="_blank">
@@ -55,7 +54,7 @@
                         <a href="{v[href]:h}" class="hHlinesHeaderLink">
                         {end:}
                         {v[header]:h}</a>
-                        {if:v[img]}
+                      <!--  {if:v[img]}
                             {if:v[external]}
                             <a href="{v[href]:h}" class="hHlinesImageLink" target="_blank">
                             {else:}
@@ -63,8 +62,12 @@
                             {end:}
                             <img src="{v[img]:h}" alt="Home page headline image">
                         </a>
-                        {end:}
-                        <p>{v[descr]:h}<span class="hHlinesMore"> <a href="{v[href]:h}" class="hHlinesMoreLink">More ></a></span></p>
+                        {end:}-->
+                        <p>{v[descr]:h}
+                       <!--    <span class="hHlinesMore">
+                       <a href="{v[href]:h}" class="hHlinesMoreLink">More</a></span>
+                       -->
+                       </p>
                     </li><!-- /.hHlinesItem -->
                 </ul>
             </section><!-- /#hHlines -->
@@ -86,7 +89,7 @@
                     <span class="wTemp">{tempF}&deg;</span>
                     <span class="wCond">{weather}</span>
                 </div><!-- /#weather -->
-                <a href="#" id="cFace" class="glmTxtImg">Find us on Facebook</a>
+                <a href="https://www.facebook.com/cedarville.marine" id="cFace" class="glmTxtImg">Find us on Facebook</a>
             </div><!-- /#cSide -->
         </div><!-- /#cMain -->
     </div><!-- /#row -->