From 2c14bd2521c7163a2a869ce5601daadade4c9ceb Mon Sep 17 00:00:00 2001 From: "Thomas A. Christensen II" <25492070+MillironX@users.noreply.github.com> Date: Sun, 6 Aug 2017 20:11:38 -0600 Subject: [PATCH] more work... \ --- Cover.html | 2 + Index.html | 20 ++++---- Section1.html | 19 ++++++-- Section6.html | 102 ++++++++++++++++++++++++++++++++++++++++ Templates/_template.dwt | 2 + css/site.css | 35 ++++++++++++-- script/site.js | 13 +++++ 7 files changed, 175 insertions(+), 18 deletions(-) create mode 100644 Section6.html create mode 100644 script/site.js diff --git a/Cover.html b/Cover.html index 0dc466e..68b0ecc 100644 --- a/Cover.html +++ b/Cover.html @@ -110,8 +110,10 @@ + + diff --git a/Index.html b/Index.html index f8af1f2..ad940e5 100644 --- a/Index.html +++ b/Index.html @@ -107,43 +107,43 @@
-

Cover Page

- +

Cover Page

+
-

Section 1
Project Record

+

Section 1
Project Record
-

Section 2
Awards and Recognitions

+

Section 2
Awards and Recognitions
-

Section 3
Leadership

+

Section 3
Leadership
-

Section 4
Community Service

+

Section 4
Community Service
-

Section 5
Participation & Non-4-H Experiences

+

Section 5
Participation & Non-4-H Experiences
-

Section 6
My 4-H Story

+

Section 6
My 4-H Story
-

Section 7
Photographs and Clippings

+

Section 7
Photographs and Clippings
@@ -160,8 +160,10 @@ + + diff --git a/Section1.html b/Section1.html index f480ec4..ff50647 100644 --- a/Section1.html +++ b/Section1.html @@ -62,12 +62,12 @@ Microsoft Word Format   - Project Record Form + Form Adobe Acrobat PDF Format   - Project Record Examples + Examples @@ -83,7 +83,10 @@ Section 1 takes up the most time and space in a vetern 4-Her's record book, so we will spend a good deal of time talking about it here.

-

Requirements

+

+ + Requirements +

@@ -92,7 +95,7 @@ - + @@ -116,7 +119,11 @@
Seniors (Ages 14+)
Minimum # of GoalsMinimum # of Goals Two (2) Three (3) Four (4)Lists exhibitions and placings from entire year.
-

Goals

+ +

+ + Goals +

If you aim at nothing, you will hit it every time Zig Ziglar @@ -128,8 +135,10 @@ + + diff --git a/Section6.html b/Section6.html new file mode 100644 index 0000000..cc4d4c5 --- /dev/null +++ b/Section6.html @@ -0,0 +1,102 @@ + + + + + +Albany County 4-H Record Book Portfolios ~ Section 6 - My 4-H Story + + + + + + + + + + +
+
+
+ + 4-H Story on Parchmentd +

+ Section 6
+ My 4-H Story +

+ +
+ +
+
+
+ + Microsoft Word Format +   + Form + + + Adobe Acrobat PDF Format +   + Ruled Form + + + Adobe Acrobat PDF Format +   + Examples + +
+
+
+ +
+ My [story] is finished now: no wrath of Jove
+ nor sword nor fire nor futurity
+ is capable of laying waste to it. + The Metamorphoses by Ovid +
+ + +
+
+ + +
+ + + + + + + diff --git a/Templates/_template.dwt b/Templates/_template.dwt index f44a67c..3be4042 100644 --- a/Templates/_template.dwt +++ b/Templates/_template.dwt @@ -57,8 +57,10 @@ + + diff --git a/css/site.css b/css/site.css index 591c6fd..c00dca2 100644 --- a/css/site.css +++ b/css/site.css @@ -7,9 +7,6 @@ min-height: 150px; } -.background-transparent { - background-color: #FFFFFF99; -} .background-cover { background-image: url(../img/Newnotebookandtexturewoodencoverwithpencil.jpg); } @@ -46,6 +43,10 @@ float: left; } +.float-right { + float: right; +} + /*From https://stackoverflow.com/questions/11552380/how-to-automatically-crop-and-center-an-image*/ .center-cropped { width: 100px; @@ -65,4 +66,30 @@ filter: alpha(opacity=0); /* modern browsers */ opacity: 0; -} \ No newline at end of file +} + +/*From https://css-tricks.com/text-blocks-over-image/ */ +.image-block { + position: relative; + width: 100%; /* for IE 6 */ +} + +h4 { + position: absolute; + top: 0; + left: 0; + width: 100%; +} + +h4 span { + color: white; + /*font: bold 24px/45px Helvetica, Sans-Serif;*/ + letter-spacing: -1px; + background: rgba(0, 0, 0, 0.7); + padding: 2px; +} + +h4 span.spacer { + padding:0 2px; +} + diff --git a/script/site.js b/script/site.js new file mode 100644 index 0000000..188f133 --- /dev/null +++ b/script/site.js @@ -0,0 +1,13 @@ +// JavaScript Document +// From https://css-tricks.com/text-blocks-over-image/ + +$(function() { + 'use strict'; + + $("h4") + .wrapInner(""); + + $("h4 br") + .before("") + .after(""); +}); \ No newline at end of file