millironx/4h-record-books
1
0
Fork 0
mirror of https://github.com/MillironX/4h-record-books.git synced 2024-11-23 22:09:55 +00:00
Code Issues Releases Packages Activity

Added "Resources" section

Browse source
This commit is contained in:
Thomas A. Christensen II 2019-08-10 10:39:28 -06:00
parent 017d149cad
commit 3a4cc8960d
12 changed files with 747 additions and 679 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

197
Cover.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,126 +15,86 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" --> <h1> Cover Page
<h1> &#9679; <small>The start to every record book</small> </h1>
Cover Page <div class="row">
&#9679; <div class="col-md-6 col-md-offset-3">
<small>The start to every record book</small> <div class="btn-group btn-group-justified"> <a href="book/cover.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format" /> &ensp;
</h1> Cumulative Cover </a> <a href="book/submission-cover.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format" /> &ensp;
<div class="row"> Submission Cover </a> </div>
<div class="col-md-6 col-md-offset-3"> </div>
<div class="btn-group btn-group-justified"> </div>
<a href="book/cover.docx" class="btn btn-primary"> <br />
<img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format" /> <div class="center-cropped" data-parallax="scroll" data-image-src="./img/cover-bg-notebook.jpg"></div>
&ensp; <br />
Cumulative Cover <blockquote> Let's start at the very beginning,<br />
</a> That's a very good place to start. <small>Maria von Trapp in <em>The Sound of Music</em></small> </blockquote>
<a href="book/submission-cover.pdf" class="btn btn-danger"> <div class="row">
<img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format" /> <div class="col-md-4">
&ensp; <h2>Cumulative Cover</h2>
Submission Cover <p> The cumulative cover is the boring page that contains the basic info the extension office and record book judges need to know to identify your book.
</a> Add info to the bottom of the list and update your club if needed.
</div> Remember, this page should stay with your book for your entire 4-H career. </p>
</div> </div>
</div> <div class="col-md-4">
<br /> <div class="float-left">
<div class="panel panel-warning">
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/cover-bg-notebook.jpg"></div> <div class="panel-heading">
<h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> &ensp;
Tip </h3>
<br /> </div>
<div class="panel-body"> The <strong>report year</strong> for 4-H runs from October 1st to September 30th of the following calendar year.
<blockquote> When recording dates in your record book, it is important to mark both years (i.e. 2015-2016) or the month and year (July 2016) so that readers can determine which report year the event pertains to. </div>
Let's start at the very beginning,<br /> </div>
That's a very good place to start. </div>
<small>Maria von Trapp in <em>The Sound of Music</em></small> </div>
</blockquote> <div class="col-md-4">
<h2>Submission Cover</h2>
<div class="row"> <p> If your book is to be judged, this cover helps the judges find the correct sections to judge.
<div class="col-md-4"> Before submitting your book, fill out the info at the top of the page and check every project you were in this past year.
<h2>Cumulative Cover</h2> The judges will return this sheet to you with their comments.
<p> You will need a new sheet for every year you submit your record book for judging. </p>
The cumulative cover is the boring page that contains the basic info the extension office and record book judges need to know to identify your book. </div>
Add info to the bottom of the list and update your club if needed. </div>
Remember, this page should stay with your book for your entire 4-H career. <!-- InstanceEndEditable --> </div>
</p> </div>
</div>
<div class="col-md-4">
<div class="float-left">
<div class="panel panel-warning">
<div class="panel-heading">
<h3 class="panel-title">
<span class="glyphicon glyphicon-edit"></span>
&ensp;
Tip
</h3>
</div>
<div class="panel-body">
The <strong>report year</strong> for 4-H runs from October 1st to September 30th of the following calendar year.
When recording dates in your record book, it is important to mark both years (i.e. 2015-2016) or the month and year (July 2016) so that readers can determine which report year the event pertains to.
</div>
</div>
</div>
</div>
<div class="col-md-4">
<h2>Submission Cover</h2>
<p>
If your book is to be judged, this cover helps the judges find the correct sections to judge.
Before submitting your book, fill out the info at the top of the page and check every project you were in this past year.
The judges will return this sheet to you with their comments.
You will need a new sheet for every year you submit your record book for judging.
</p>
</div>
</div>
<!-- InstanceEndEditable -->
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

BIN
Handout.pdf Normal file
View file

Binary file not shown.

168
Index.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,43 +15,37 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<div class="center-cropped" style="max-width: 414px" data-parallax="scroll" data-image-src="./img/woman-keeping-records.jpg"></div> <div class="center-cropped" style="max-width: 414px" data-parallax="scroll" data-image-src="./img/woman-keeping-records.jpg"></div>
<h1> 4-H Record Book Portfolios <br /> <h1> 4-H Record Book Portfolios <br />
<span class="small">for Albany County, Wyoming</span> </h1> <span class="small">for Albany County, Wyoming</span> </h1>
@ -69,7 +64,7 @@
<ul> <ul>
<li>Youth develop professional record-keeping habits</li> <li>Youth develop professional record-keeping habits</li>
<li>Youth learn to follow appropriate standards while maintaining creativity and flexibility</li> <li>Youth learn to follow appropriate standards while maintaining creativity and flexibility</li>
<li>Youth learn responsibility and what inputs are required for an activity</li> <li>Youth learn responsibility and what inputs are required for an activity</li>
<li>Youth learn to communicate strengths and accomplishments to others without braggish mannerisms</li> <li>Youth learn to communicate strengths and accomplishments to others without braggish mannerisms</li>
</ul> </ul>
</div> </div>
@ -92,40 +87,57 @@
</div> </div>
<h2>So, let's dive right in!</h2> <h2>So, let's dive right in!</h2>
<p> Click a box below to be taken to a page containing the appropriate forms and info on how to fill them out. </p> <p> Click a box below to be taken to a page containing the appropriate forms and info on how to fill them out. </p>
<div class="row"> <div class="row"> <a href="Cover.html">
<a href="Cover.html"><div class="col-sm-2 background-grid background-cover hover-contents"> <div class="col-sm-2 background-grid background-cover hover-contents">
<div class="banner-heading"><h6>Cover Page</h6></div>
</div></a>
<a href="Section1.html"><div class="col-sm-5 background-grid background-sec-1 hover-contents">
<div class="banner-heading"><h6>Section 1<br />
Project Record</h6></div>
</div></a>
<a href="Section2.html"><div class="col-sm-2 background-grid background-sec-2 hover-contents"> <div class="banner-heading">
<h6 class="background-transparent">Section 2<br />
Awards &amp; Recognitions</h6></div>
</div></a>
<a href="Section3.html"><div class="col-sm-3 background-grid background-sec-3 hover-contents"> <div class="banner-heading">
<h6 class="background-transparent">Section 3<br />
Leadership</h6></div>
</div></a>
<!--New row-->
<a href="Section4.html"><div class="col-sm-3 background-grid background-sec-4 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 4<br />
Community Service</h6></div>
</div></a>
<a href="Section5.html"><div class="col-sm-2 background-grid background-sec-5 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 5<br />
Participation &amp; Non-4-H Experiences</h6></div>
</div></a>
<a href="Section6.html"><div class="col-sm-4 background-grid background-sec-6 hover-contents">
<div class="banner-heading"> <div class="banner-heading">
<h6 class="background-transparent">Section 6<br /> <h6>Cover Page</h6>
My 4-H Story</h6> </div>
</div> </div>
</div></a> </a> <a href="Section1.html">
<a href="Section7.html"> <div class="col-sm-5 background-grid background-sec-1 hover-contents">
<div class="banner-heading">
<h6>Section 1<br />
Project Record</h6>
</div>
</div>
</a> <a href="Section2.html">
<div class="col-sm-2 background-grid background-sec-2 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 2<br />
Awards &amp; Recognitions</h6>
</div>
</div>
</a> <a href="Section3.html">
<div class="col-sm-3 background-grid background-sec-3 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 3<br />
Leadership</h6>
</div>
</div>
</a>
<!--New row-->
<a href="Section4.html">
<div class="col-sm-3 background-grid background-sec-4 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 4<br />
Community Service</h6>
</div>
</div>
</a> <a href="Section5.html">
<div class="col-sm-2 background-grid background-sec-5 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 5<br />
Participation &amp; Non-4-H Experiences</h6>
</div>
</div>
</a> <a href="Section6.html">
<div class="col-sm-4 background-grid background-sec-6 hover-contents">
<div class="banner-heading">
<h6 class="background-transparent">Section 6<br />
My 4-H Story</h6>
</div>
</div>
</a> <a href="Section7.html">
<div class="col-sm-3 background-grid background-sec-7 hover-contents"> <div class="col-sm-3 background-grid background-sec-7 hover-contents">
<div class="banner-heading"> <div class="banner-heading">
<h6 class="background-transparent">Section 7<br /> <h6 class="background-transparent">Section 7<br />
@ -137,16 +149,14 @@
<p> My name is Thomas Christensen. I am a nine-year Albany County 4-H alum, and I am passionate about record books. <p> My name is Thomas Christensen. I am a nine-year Albany County 4-H alum, and I am passionate about record books.
I have taken the liberty of voicing my own thoughts and opinions about record books here under the guise of helping new 4-H members. I have taken the liberty of voicing my own thoughts and opinions about record books here under the guise of helping new 4-H members.
If you are looking for a print resource that is slightly more tactful than I am, try downloading the PDF &quot;Record Book Handout&quot; from the &quot;Resources&quot; tab above. </p> If you are looking for a print resource that is slightly more tactful than I am, try downloading the PDF &quot;Record Book Handout&quot; from the &quot;Resources&quot; tab above. </p>
<!-- InstanceEndEditable --> <!-- InstanceEndEditable --> </div>
</div> </div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

187
Section1.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,44 +15,37 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<h1> Section 1 <h1> Section 1
&#9679; <small>Project Record</small> </h1> &#9679; <small>Project Record</small> </h1>
<div class="row"> <div class="row">
@ -61,8 +55,9 @@
Examples </a> </div> Examples </a> </div>
</div> </div>
</div> </div>
<br/> <br/>
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec1-bg-cowshow.jpg"></div><h2> Requirements </h2> <div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec1-bg-cowshow.jpg"></div>
<h2> Requirements </h2>
<table class="table table-bordered table-responsive table-striped table-fixed-width font-mono"> <table class="table table-bordered table-responsive table-striped table-fixed-width font-mono">
<tr> <tr>
<th></th> <th></th>
@ -85,13 +80,13 @@
<td colspan="3">Includes quantitative information pertaining to the materials and time required to complete the project. Financial Information and Market Summary sub-sections should be filled out if applicable to the project.</td> <td colspan="3">Includes quantitative information pertaining to the materials and time required to complete the project. Financial Information and Market Summary sub-sections should be filled out if applicable to the project.</td>
</tr> </tr>
<tr> <tr>
<th><a href="#knowledgeandskills">Knowledge and Skills Acquired</a></th> <th><a href="#knowledgeandskills">Knowledge and Skills Acquired</a></th>
<td>Lists things learned in project.</td> <td>Lists things learned in project.</td>
<td>Lists things learned in project and addresses each goal.</td> <td>Lists things learned in project and addresses each goal.</td>
<td>Lists things learned in project and demonstrates how at least 2 goals were met, as well as addressing all goals.</td> <td>Lists things learned in project and demonstrates how at least 2 goals were met, as well as addressing all goals.</td>
</tr> </tr>
<tr> <tr>
<th><a href="#summary">Exhibition Summary</a></th> <th><a href="#summary">Exhibition Summary</a></th>
<td colspan="3">Lists exhibitions and placings from entire year.</td> <td colspan="3">Lists exhibitions and placings from entire year.</td>
</tr> </tr>
</table> </table>
@ -117,8 +112,7 @@
<p>A goal is an objective or thing desired to happen with SMARTY attributes:</p> <p>A goal is an objective or thing desired to happen with SMARTY attributes:</p>
<table class="table-responsive"> <table class="table-responsive">
<tr> <tr>
<th> <a href="https://openclipart.org/detail/20596/arrow-in-the-gold"> <th> <a href="https://openclipart.org/detail/20596/arrow-in-the-gold"> <img src="https://openclipart.org/download/20596/SnarkHunter-Arrow-in-the-gold.svg"
<img src="https://openclipart.org/download/20596/SnarkHunter-Arrow-in-the-gold.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Specific' - Arrow in target"/></a> </th> alt="'Specific' - Arrow in target"/></a> </th>
<th style="width: 20pt"> <h3>S</h3> <th style="width: 20pt"> <h3>S</h3>
@ -134,18 +128,16 @@
</dl> </dl>
<p> This goal needed to be split into two goals. <p> This goal needed to be split into two goals.
Having more goals is great: just make sure that each goal stands alone. </p> Having more goals is great: just make sure that each goal stands alone. </p>
<hr /> <hr /></td>
</td>
</tr> </tr>
<tr> <tr>
<td><a href="https://openclipart.org/detail/13662/ruler"> <td><a href="https://openclipart.org/detail/13662/ruler"> <img src="https://openclipart.org/download/13662/molumen-Ruler.svg"
<img src="https://openclipart.org/download/13662/molumen-Ruler.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Measurable' - Ruler"/></a></td> alt="'Measurable' - Ruler"/></a></td>
<th> <h3>M</h3> <th> <h3>M</h3>
</th> </th>
<td><h4>Measurable</h4> <td><h4>Measurable</h4>
<p>Someone else should be able to objectively tell if you've met the goal or not.</p> <p>Someone else should be able to objectively tell if you've met the goal or not.</p>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Bad Example</dt> <dt>Bad Example</dt>
<dd>To shoot really well this year in .22</dd> <dd>To shoot really well this year in .22</dd>
@ -159,43 +151,36 @@
<p> Invariably, record books are turned in each year with the goal "to do better than last year." <p> Invariably, record books are turned in each year with the goal "to do better than last year."
Sometimes this is measurable, but usually it is not. Sometimes this is measurable, but usually it is not.
It would be far better to identify exactly what you want to improve and find a way to measure that. It would be far better to identify exactly what you want to improve and find a way to measure that.
If you do resort to this goal, you <strong>MUST</strong> keep your record book meticulously organized so that the judges can find how you did last year. </p> <hr /> If you do resort to this goal, you <strong>MUST</strong> keep your record book meticulously organized so that the judges can find how you did last year. </p>
</td> <hr /></td>
</tr> </tr>
<tr> <tr>
<td><a href="https://openclipart.org/detail/242959/old-scroll"> <td><a href="https://openclipart.org/detail/242959/old-scroll"> <img src="https://openclipart.org/download/242959/160303_scroll.svg"
<img src="https://openclipart.org/download/242959/160303_scroll.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Achievable' - X marks the spot"/></a></td> alt="'Achievable' - X marks the spot"/></a></td>
<th> <h3>A</h3> <th> <h3>A</h3>
</th> </th>
<td><h4>Achievable/Attainable</h4> <td><h4>Achievable/Attainable</h4>
<p><b>You</b> must be directly in charge of accomplishing the goal: it cannot depend partially on parents, animals, acts of nature, etc.</p> <p><b>You</b> must be directly in charge of accomplishing the goal: it cannot depend partially on parents, animals, acts of nature, etc.</p>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Bad Example</dt> <dt>Bad Example</dt>
<dd>To finish my market hog at a weight between 245 and 280 lbs.</dd> <dd>To finish my market hog at a weight between 245 and 280 lbs.</dd>
<dt>Good Example</dt> <dt>Good Example</dt>
<dd>To learn how protein percentage in feed affects rate of gain in hogs</dd> <dd>To learn how protein percentage in feed affects rate of gain in hogs</dd>
</dl> </dl>
<p> <p> This does not mean that you cannot ask for help accomplishing your goals, but you do need to be in charge and take initiative for your goals.
This does not mean that you cannot ask for help accomplishing your goals, but you do need to be in charge and take initiative for your goals. No human being can directly control an animal's behavior or weight, another persons opinions, or the weather.
No human being can directly control an animal's behavior or weight, another persons opinions, or the weather. Make sure that your goals do not rely on these things. </p>
Make sure that your goals do not rely on these things. <hr /></td>
</p>
<hr />
</td>
</tr> </tr>
<tr> <tr>
<td><a href="https://openclipart.org/detail/18412/weightlifting"> <td><a href="https://openclipart.org/detail/18412/weightlifting"> <img src="https://openclipart.org/download/18412/motudo-WeightLifting.svg"
<img src="https://openclipart.org/download/18412/motudo-WeightLifting.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Realistic' - Weight lifting"/></a></td> alt="'Realistic' - Weight lifting"/></a></td>
<th> <h3>R</h3> <th> <h3>R</h3>
</th> </th>
<td><h4>Realistic</h4> <td><h4>Realistic</h4>
<p> <p> Your goals should be things you can actually accomplish with the resources (time, money) that you have.</p>
Your goals should be things you can actually accomplish with the resources (time, money) that you have.</p>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Bad Example</dt> <dt>Bad Example</dt>
<dd>To make 20 saddles in the month of January<br/> <dd>To make 20 saddles in the month of January<br/>
@ -203,54 +188,45 @@
<dt>Good Example</dt> <dt>Good Example</dt>
<dd>To complete two saddles by March of next year</dd> <dd>To complete two saddles by March of next year</dd>
</dl> </dl>
<p> <p> No 4-Her could have the money to buy materials for 20 saddles, or the time to make 20 saddles within one month: that is unrealistic.
No 4-Her could have the money to buy materials for 20 saddles, or the time to make 20 saddles within one month: that is unrealistic. Difficulty can also play a role here.
Difficulty can also play a role here. Making one coaster should not be a challenge for an experienced leathercrafter and would be unrealistic, but might be appropriate for a first-year member.</p>
Making one coaster should not be a challenge for an experienced leathercrafter and would be unrealistic, but might be appropriate for a first-year member.</p> <hr /></td>
<hr />
</td>
</tr> </tr>
<tr> <tr>
<td><a href="https://openclipart.org/detail/46075/stop-watch"> <td><a href="https://openclipart.org/detail/46075/stop-watch"> <img src="https://openclipart.org/download/46075/stop-watch.svg"
<img src="https://openclipart.org/download/46075/stop-watch.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Time-bound' - Stopwatch"/></a></td> alt="'Time-bound' - Stopwatch"/></a></td>
<th> <h3>T</h3> <th> <h3>T</h3>
</th> </th>
<td><h4>Time-bound</h4> <td><h4>Time-bound</h4>
<p> <p> Set a deadline for your goals.</p>
Set a deadline for your goals.</p>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Bad Example</dt> <dt>Bad Example</dt>
<dd>To breed half of my rabbit hutch</dd> <dd>To breed half of my rabbit hutch</dd>
<dt>Good Example</dt> <dt>Good Example</dt>
<dd>To have bred half of my rabbit hutch by December</dd> <dd>To have bred half of my rabbit hutch by December</dd>
</dl> </dl>
<p> <p> Because record books are due annually, the defacto time-limit for all record book goals is the record book due date;
Because record books are due annually, the defacto time-limit for all record book goals is the record book due date; so the time component isn't a deal-breaker.
so the time component isn't a deal-breaker. It really shows initiative and professionalism, though, if you set a deadline <em>before</em> record books are due.</p>
It really shows initiative and professionalism, though, if you set a deadline <em>before</em> record books are due.</p> <hr /></td>
<hr />
</td>
</tr> </tr>
<tr> <tr>
<td><a href="https://openclipart.org/detail/271409/why-typography-black"> <td><a href="https://openclipart.org/detail/271409/why-typography-black"> <img src="https://openclipart.org/download/271409/WHY-Typography-Black.svg"
<img src="https://openclipart.org/download/271409/WHY-Typography-Black.svg"
class="max-width-100 max-height-100" class="max-width-100 max-height-100"
alt="'Why' - Question marks"/></a></td> alt="'Why' - Question marks"/></a></td>
<th> <h3>Y</h3> <th> <h3>Y</h3>
</th> </th>
<td><h4>Why</h4> <td><h4>Why</h4>
<p>Every goal should have a bigger purpose or reason behind it.</p> <p>Every goal should have a bigger purpose or reason behind it.</p>
<dl class="dl-horizontal"> <dl class="dl-horizontal">
<dt>Bad Example</dt> <dt>Bad Example</dt>
<dd>To volunteer for three leadership positions in the community this year (because I need another Youth Leadership goal for my record book)</dd> <dd>To volunteer for three leadership positions in the community this year (because I need another Youth Leadership goal for my record book)</dd>
<dt>Good Example</dt> <dt>Good Example</dt>
<dd>To volunteer for three leadership positions in the community this year (because I need to improve my public speaking and organizational skills)</dd> <dd>To volunteer for three leadership positions in the community this year (because I need to improve my public speaking and organizational skills)</dd>
</dl> </dl>
<p> <p> You don't always write the "why" in your record book, but if you have a good why, you will write better goals and be more motivated to accomplish those goals. </p>
You don't always write the "why" in your record book, but if you have a good why, you will write better goals and be more motivated to accomplish those goals.
</p>
<hr /></td> <hr /></td>
</tr> </tr>
</table> </table>
@ -282,7 +258,7 @@
<h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3> <h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3>
</div> </div>
<div class="panel-body">Most of our record book examples don't follow these guidelines, because these guidelines hadn't been written yet! Please use discernment when viewing the example project descriptions, and remember to use the reporter-like style when completing your record book. <div class="panel-body">Most of our record book examples don't follow these guidelines, because these guidelines hadn't been written yet! Please use discernment when viewing the example project descriptions, and remember to use the reporter-like style when completing your record book.
If you do it right, <em>your</em> book might wind up in the next set of examples. </div> If you do it right, <em>your</em> book might wind up in the next set of examples. </div>
</div> </div>
<h2><a id="sizeandscope"></a>Size &amp; Scope</h2> <h2><a id="sizeandscope"></a>Size &amp; Scope</h2>
<blockquote> There's always a four-point-five percent margin of error, plus or minus. <small>The Accountant in <em>The Accountant</em> (Short film)</small> </blockquote> <blockquote> There's always a four-point-five percent margin of error, plus or minus. <small>The Accountant in <em>The Accountant</em> (Short film)</small> </blockquote>
@ -315,27 +291,18 @@
After each goal is addressed, include paragraphs explaining anything else you learned about your project area. After each goal is addressed, include paragraphs explaining anything else you learned about your project area.
Remember that your readers might not know anything about your project area, so be sure to explain it in a way that a layperson can understand. </p> Remember that your readers might not know anything about your project area, so be sure to explain it in a way that a layperson can understand. </p>
<h2><a id="summary"></a>Exhibition Summary</h2> <h2><a id="summary"></a>Exhibition Summary</h2>
<blockquote> <blockquote> Exhibiting is a good form of advertising. <small> H. A. Willman in <i>The 4-H Handbook</i> (1952) </small> </blockquote>
Exhibiting is a good form of advertising. <p> When you compete in the county fair or other 4-H contest with your project, list that competition here and list what place you got.
<small> If you have a project that involves multiple items (e.g. a knitted scarf <em>and</em> a knitted hat), list both of those items and the placings each received.
H. A. Willman in <i>The 4-H Handbook</i> (1952) If you exhibited your project at multiple shows (e.g. a heifer at the Colorado Dairy Extravaganza, the Brown Swiss State Show, and the County fair), feel free to restructure the columns to match the exhibitions you actually attended. </p>
</small> <!-- InstanceEndEditable --> </div>
</blockquote> </div>
<p>
When you compete in the county fair or other 4-H contest with your project, list that competition here and list what place you got.
If you have a project that involves multiple items (e.g. a knitted scarf <em>and</em> a knitted hat), list both of those items and the placings each received.
If you exhibited your project at multiple shows (e.g. a heifer at the Colorado Dairy Extravaganza, the Brown Swiss State Show, and the County fair), feel free to restructure the columns to match the exhibitions you actually attended.
</p>
<!-- InstanceEndEditable -->
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

113
Section2.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,43 +15,37 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<h1>Section 2 <h1>Section 2
&#9679; <small>Awards &amp; Recognitions</small></h1> &#9679; <small>Awards &amp; Recognitions</small></h1>
<div class="row"> <div class="row">
@ -58,8 +53,8 @@
<div class="btn-group btn-group-justified"> <a href="book/Section2.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp; Template </a> <a href="example/Section_2.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp; Examples </a> </div> <div class="btn-group btn-group-justified"> <a href="book/Section2.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp; Template </a> <a href="example/Section_2.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp; Examples </a> </div>
</div> </div>
</div> </div>
<br /> <br />
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec2-bg-trophy.jpg"></div> <div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec2-bg-trophy.jpg"></div>
<br /> <br />
<blockquote> I took her to the county fair to try and win a prize<br/> <blockquote> I took her to the county fair to try and win a prize<br/>
She knew just what was going on - I saw it in her eyes <small>Little Jimmy Dickens in "Bessie the Heifer"</small> </blockquote> She knew just what was going on - I saw it in her eyes <small>Little Jimmy Dickens in "Bessie the Heifer"</small> </blockquote>
@ -78,36 +73,30 @@
<td>Three (3)</td> <td>Three (3)</td>
</tr> </tr>
</table> </table>
<div class="panel panel-warning"> <div class="panel panel-warning">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3> <h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3>
</div> </div>
<div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div> <div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div>
</div> </div>
<p>An <b>award</b> is something someone gives you because of excellent merit. Similarly, a <b>recognition</b> is when someone communicates to others of your excellence. This section of your record book is used to document when you have earned an award or recognition. This is the only section of the record book that is not directly dependent on your own performance, so you should strive to work hard so that others will have plenty of opportunity to reward you. </p> <p>An <b>award</b> is something someone gives you because of excellent merit. Similarly, a <b>recognition</b> is when someone communicates to others of your excellence. This section of your record book is used to document when you have earned an award or recognition. This is the only section of the record book that is not directly dependent on your own performance, so you should strive to work hard so that others will have plenty of opportunity to reward you. </p>
<p>There are two major mistakes to avoid when filling out this section: <p>There are two major mistakes to avoid when filling out this section:
<ol> <ol>
<li><b>Listing placings</b> <li><b>Listing placings</b> <br/>
<br/> Your cat may have won 5<sup>th</sup> place in the Miss Kitty Universe contest, but that is not an award in-and-of itself (that information should go in your <a href="Section1.html#summary">Exhibition Summary in Section 1</a>). Similarly, strip ribbons are merely tokens of placement and should not be included here. </li>
Your cat may have won 5<sup>th</sup> place in the Miss Kitty Universe contest, but that is not an award in-and-of itself (that information should go in your <a href="Section1.html#summary">Exhibition Summary in Section 1</a>). Similarly, strip ribbons are merely tokens of placement and should not be included here. <li> <b>Listing purchased items</b><br/>
</li> This includes trips to 4-H camp and embroidered jackets that you (or someone else) paid for that was not directly awarded for any merit on your part. </li>
<li> </ol>
<b>Listing purchased items</b><br/> </p>
This includes trips to 4-H camp and embroidered jackets that you (or someone else) paid for that was not directly awarded for any merit on your part. <p>A good rule-of-thumb for this section is: if you had to write a thank-you note to receive the prize, then it goes here.</p>
</li> <!-- InstanceEndEditable --> </div>
</ol> </div>
</p>
<p>A good rule-of-thumb for this section is: if you had to write a thank-you note to receive the prize, then it goes here.</p>
<!-- InstanceEndEditable -->
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

115
Section3.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,52 +15,46 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" --> <h1>Section 3
<h1>Section 3
&#9679; <small>Leadership</small></h1> &#9679; <small>Leadership</small></h1>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3"> <div class="col-md-6 col-md-offset-3">
<div class="btn-group btn-group-justified"> <a href="book/Section3.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp; Template </a> <a href="example/Section_3.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp; Examples </a> </div> <div class="btn-group btn-group-justified"> <a href="book/Section3.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp; Template </a> <a href="example/Section_3.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp; Examples </a> </div>
</div> </div>
</div> </div>
<br /> <br />
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec3-bg-gavel.jpg"></div> <div class="center-cropped" data-parallax="scroll" data-image-src="./img/sec3-bg-gavel.jpg"></div>
<br /> <br />
<blockquote> Leaders do not lead; they are followed.<small>Dr. Jack Hyles in <em>The Science of the Christian Life, Vol. 1</em></small> </blockquote> <blockquote> Leaders do not lead; they are followed.<small>Dr. Jack Hyles in <em>The Science of the Christian Life, Vol. 1</em></small> </blockquote>
<h2> Requirements </h2> <h2> Requirements </h2>
@ -76,38 +71,30 @@
<td>Four (4)</td> <td>Four (4)</td>
<td>Six (6)</td> <td>Six (6)</td>
</tr> </tr>
<tr> <tr>
<th>Recommended # of leadership hours in current report year</th> <th>Recommended # of leadership hours in current report year</th>
<td>&gt; Two (2)</td> <td>&gt; Two (2)</td>
<td>&gt; Five (5)</td> <td>&gt; Five (5)</td>
<td>&gt; Ten (10)</td> <td>&gt; Ten (10)</td>
</tr> </tr>
</table> </table>
<div class="panel panel-warning"> <div class="panel panel-warning">
<div class="panel-heading"> <div class="panel-heading">
<h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3> <h3 class="panel-title"> <span class="glyphicon glyphicon-edit"></span> Note </h3>
</div> </div>
<div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div> <div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div>
</div> </div>
<blockquote> <blockquote> <b>Leadership is defined as a position of responsibility with a purpose to guide or direct others.</b> Leadership capacity can be demonstrated in a variety of ways. Positions in employment, church, community and school organizations including coaching, tutoring and mentoring will [qualify as leadership]. <small> From University of Utah School of Medicine </small> </blockquote>
<b>Leadership is defined as a position of responsibility with a purpose to guide or direct others.</b> <p>This is the clearest definition of leadership I have ever found. It hits on two essential points of leadership: that <b>you</b> must take the initiative in a leadership role, and that not all leadership roles involve holding office. "Taking the initiative" means that a required activity (e.g. 4-H carnival) does not count as leadership (it is probably still <a href="Section5.html">participation</a>, though).</p>
Leadership capacity can be demonstrated in a variety of ways. Positions in employment, church, community and school organizations including coaching, tutoring and mentoring will [qualify as leadership]. <p>For this section, it is imperative to be <b>very</b> specific. For each entry, include exactly what position you were in, and if appropriate what your duties were. If you list committees or other groups, make sure you specify whether you were a member or chair. You must show how <em>you</em> showed leadership, and not just some larger group of people.</p>
<small> <!-- InstanceEndEditable --> </div>
From University of Utah School of Medicine </div>
</small>
</blockquote>
<p>This is the clearest definition of leadership I have ever found. It hits on two essential points of leadership: that <b>you</b> must take the initiative in a leadership role, and that not all leadership roles involve holding office. "Taking the initiative" means that a required activity (e.g. 4-H carnival) does not count as leadership (it is probably still <a href="Section5.html">participation</a>, though).</p>
<p>For this section, it is imperative to be <b>very</b> specific. For each entry, include exactly what position you were in, and if appropriate what your duties were. If you list committees or other groups, make sure you specify whether you were a member or chair. You must show how <em>you</em> showed leadership, and not just some larger group of people.</p>
<!-- InstanceEndEditable -->
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

83
Section4.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,43 +15,37 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<h1>Section 4 <h1>Section 4
&#9679; <small>Community Service</small></h1> &#9679; <small>Community Service</small></h1>
<div class="row"> <div class="row">
@ -90,16 +85,14 @@
<div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div> <div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div>
</div> </div>
<p>Chronicle all of your altruistic service for others through 4-H in this section. In order to be recorded here, your actions must not be reimbursed or required in any way (that kind of defeats the point of service).</p> <p>Chronicle all of your altruistic service for others through 4-H in this section. In order to be recorded here, your actions must not be reimbursed or required in any way (that kind of defeats the point of service).</p>
<!-- InstanceEndEditable --> <!-- InstanceEndEditable --> </div>
</div> </div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

89
Section5.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,44 +15,38 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" --> <h1>Section 5
<h1>Section 5
&#9679; <small>Participation &amp; Non-4-H Experiences</small></h1> &#9679; <small>Participation &amp; Non-4-H Experiences</small></h1>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3"> <div class="col-md-6 col-md-offset-3">
@ -87,18 +82,16 @@
</div> </div>
<div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div> <div class="panel-body"> This is one of the <b>cumulative</b> sections of the record book. At the start of each 4-H year, just append the new year's records to your previous year's records, giving a complete picture of your entire 4-H career. </div>
</div> </div>
<p>Everything but the kitchen sink goes in this section (and if you are an apprentice plumber, maybe even that). Activities that are required of your club, project, or county are not considered <a href="Section3.html">leadership</a>, but can be checked off here, instead. If you attend additional shows and contests that aren't associated with a project (presentation contests come to mind), add them here. Club and project meeting attendance records give an indication of your faithfulness.</p> <p>Everything but the kitchen sink goes in this section (and if you are an apprentice plumber, maybe even that). Activities that are required of your club, project, or county are not considered <a href="Section3.html">leadership</a>, but can be checked off here, instead. If you attend additional shows and contests that aren't associated with a project (presentation contests come to mind), add them here. Club and project meeting attendance records give an indication of your faithfulness.</p>
<p>Non-4-H participation gives the judges an idea of what other long-term activities you are involved with, and provides a more complete picture of you as a well-rounded person.</p> <p>Non-4-H participation gives the judges an idea of what other long-term activities you are involved with, and provides a more complete picture of you as a well-rounded person.</p>
<!-- InstanceEndEditable --> <!-- InstanceEndEditable --> </div>
</div> </div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

83
Section6.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,43 +15,37 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<h1>Section 6 <h1>Section 6
&#9679; <small>My 4-H Story</small></h1> &#9679; <small>My 4-H Story</small></h1>
<div class="row"> <div class="row">
@ -101,16 +96,14 @@
<li>Do you have any plans or changes for next year? Mention them.</li> <li>Do you have any plans or changes for next year? Mention them.</li>
<li>Have fun with this section: you can be creative and tell your story any way you want</li> <li>Have fun with this section: you can be creative and tell your story any way you want</li>
</ul> </ul>
<!-- InstanceEndEditable --> <!-- InstanceEndEditable --> </div>
</div> </div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

121
Section7.html
View file

@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html><!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" --> <html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" --> <!-- InstanceBeginEditable name="doctitle" -->
@ -14,57 +15,52 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="Index.html"> <li><a href="Cover.html">Cover Page</a></li>
<img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="Section1.html">Section 1</a></li>
</a> <li><a href="Section2.html">Section 2</a></li>
</div> <li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="Section2.html">Section 2</a></li> <li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Section3.html">Section 3</a></li> <li><a href="Tips.html">Record Book Tips</a></li>
<li><a href="Section4.html">Section 4</a></li> </ul>
<li><a href="Section5.html">Section 5</a></li> </li>
<li><a href="Section6.html">Section 6</a></li> </ul>
<li><a href="Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<!-- InstanceBeginEditable name="MainBody" -->
<h1>Section 7 <h1>Section 7
&#9679; <small>Photographs and Clippings</small></h1> &#9679; <small>Photographs and Clippings</small></h1>
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3"> <div class="col-md-6 col-md-offset-3">
<div class="btn-group btn-group-justified"> <a href="book/Section7.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp; <div class="btn-group btn-group-justified"> <a href="book/Section7.docx" class="btn btn-primary"> <img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format"/> &ensp;
Template </a> <a href="book/Section7-guided.docx" class="btn btn-primary"><table> Template </a> <a href="book/Section7-guided.docx" class="btn btn-primary">
<tr> <table>
<td><img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format" /> <tr>
</td> <td><img src="img/Microsoft-Word-New.svg" alt="Microsoft Word Format" /></td>
<td>&ensp;</td> <td>&ensp;</td>
<td> <td> Guided<br />
Guided<br />Template</td></tr> Template</td>
</table> </tr>
</a> <a href="example/Section_7.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp; </table>
</a> <a href="example/Section_7.pdf" class="btn btn-danger"> <img src="img/Adobe-Acrobat.svg" alt="Adobe Acrobat PDF Format"/> &ensp;
Examples </a> </div> Examples </a> </div>
</div> </div>
</div> </div>
@ -82,13 +78,13 @@
</tr> </tr>
<tr> <tr>
<th>Length</th> <th>Length</th>
<td>1 page<sup><a href="#star">*</a></sup></td> <td>1 page<sup><a href="#star">*</a></sup></td>
<td colspan="2">2 pages<sup><a href="#star">*</a></sup></td> <td colspan="2">2 pages<sup><a href="#star">*</a></sup></td>
</tr> </tr>
<tr> <tr>
<th>Content</th> <th>Content</th>
<td colspan="3">Only photographs and newspaper clippings - No ribbons, certificates, etc. </td> <td colspan="3">Only photographs and newspaper clippings - No ribbons, certificates, etc. </td>
</tr> </tr>
<tr> <tr>
<th>Record</th> <th>Record</th>
<td colspan="3">Every project must be addressed</td> <td colspan="3">Every project must be addressed</td>
@ -97,25 +93,22 @@
<th>Labeling</th> <th>Labeling</th>
<td colspan="3">Every photograph must be clearly labeled with a date and descriptive caption</td> <td colspan="3">Every photograph must be clearly labeled with a date and descriptive caption</td>
</tr> </tr>
<tr> <tr>
<th>Arrangement</th> <th>Arrangement</th>
<td colspan="3">Photographs and clippings may not overlap</td> <td colspan="3">Photographs and clippings may not overlap</td>
</tr> </tr>
</table> </table>
<small> <a id="star">*</a> These pages may be double-sided if plastic page protectors are used </small> <small> <a id="star">*</a> These pages may be double-sided if plastic page protectors are used </small> <br />
<br /> <br />
<br /> <p>Use this section of your record book to use pictures to tell about your 4-H projects and year. To make this section more engaging, include photos from the beginning, middle, and end of each project. Oh, and use action shots: they are much more fun to look at and tell and better story. If you have a particular part of your record book that you found hard to describe in words, include a picture here to clarify.</p>
<p>Use this section of your record book to use pictures to tell about your 4-H projects and year. To make this section more engaging, include photos from the beginning, middle, and end of each project. Oh, and use action shots: they are much more fun to look at and tell and better story. If you have a particular part of your record book that you found hard to describe in words, include a picture here to clarify.</p> <!-- InstanceEndEditable --> </div>
<!-- InstanceEndEditable --> </div>
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script> <script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script> <script src="script/parallax.min.js" type="text/javascript"></script>
</body> </body>
<!-- InstanceEnd --></html> <!-- InstanceEnd -->
</html>

77
Templates/_template.dwt
View file

@ -14,54 +14,43 @@
<body> <body>
<nav class="navbar navbar-default"> <nav class="navbar navbar-default">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<span class="sr-only">Toggle Navigation</span> <a class="navbar-brand" href="../Index.html"> <img src="../img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<span class="icon-bar"></span> <div class="collapse navbar-collapse" id="navbar-collapse-main">
<span class="icon-bar"></span> <ul class="nav navbar-nav">
<span class="icon-bar"></span> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
</button> <ul class="dropdown-menu" role="menu">
<a class="navbar-brand" href="../Index.html"> <li><a href="../Cover.html">Cover Page</a></li>
<img src="../img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> <li><a href="../Section1.html">Section 1</a></li>
</a> <li><a href="../Section2.html">Section 2</a></li>
</div> <li><a href="../Section3.html">Section 3</a></li>
<li><a href="../Section4.html">Section 4</a></li>
<div class="collapse navbar-collapse" id="navbar-collapse-main"> <li><a href="../Section5.html">Section 5</a></li>
<ul class="nav navbar-nav"> <li><a href="../Section6.html">Section 6</a></li>
<li class="dropdown"> <li><a href="../Section7.html">Section 7</a></li>
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a> </ul>
<ul class="dropdown-menu" role="menu"> </li>
<li><a href="../Cover.html">Cover Page</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<li><a href="../Section1.html">Section 1</a></li> <ul class="dropdown-menu" role="menu">
<li><a href="../Section2.html">Section 2</a></li> <li><a href="../Handout.pdf">Print Handout</a></li>
<li><a href="../Section3.html">Section 3</a></li> <li><a href="../Tips.html">Record Book Tips</a></li>
<li><a href="../Section4.html">Section 4</a></li> </ul>
<li><a href="../Section5.html">Section 5</a></li> </li>
<li><a href="../Section6.html">Section 6</a></li> </ul>
<li><a href="../Section7.html">Section 7</a></li> </div>
</ul> </div>
</li>
</ul>
</div>
</div>
</nav> </nav>
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
<div class="col-lg-8 col-lg-offset-2"> <div class="col-lg-8 col-lg-offset-2"> <!-- TemplateBeginEditable name="MainBody" --> <!-- TemplateEndEditable --> </div>
<!-- TemplateBeginEditable name="MainBody" --> </div>
<!-- TemplateEndEditable -->
</div>
</div>
</div> </div>
<!--Bootstrap scripts--> <!--Bootstrap scripts-->
<script src="../script/jquery-1.9.1.min.js" type="text/javascript"></script> <script src="../script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../script/bootstrap.min.js" type="text/javascript"></script> <script src="../script/bootstrap.min.js" type="text/javascript"></script>
<script src="../script/parallax.min.js" type="text/javascript"></script> <script src="../script/parallax.min.js" type="text/javascript"></script>
</body> </body>
</html> </html>

193
Tips.html Normal file
View file

@ -0,0 +1,193 @@
<!doctype html>
<html>
<!-- InstanceBegin template="/Templates/_template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<!-- InstanceBeginEditable name="doctitle" -->
<title>Albany County 4-H Record Book Portfolios ~ Tips</title>
<!-- InstanceEndEditable -->
<link href="favicon.ico" rel="shortcut icon" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/site.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-main"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="Index.html"> <img src="img/4-H-Club-Emblem.svg" alt="Wyoming 4-H Logo" width="20px" height="20px" /> </a> </div>
<div class="collapse navbar-collapse" id="navbar-collapse-main">
<ul class="nav navbar-nav">
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Record Books <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="Cover.html">Cover Page</a></li>
<li><a href="Section1.html">Section 1</a></li>
<li><a href="Section2.html">Section 2</a></li>
<li><a href="Section3.html">Section 3</a></li>
<li><a href="Section4.html">Section 4</a></li>
<li><a href="Section5.html">Section 5</a></li>
<li><a href="Section6.html">Section 6</a></li>
<li><a href="Section7.html">Section 7</a></li>
</ul>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> Resources <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="Handout.pdf">Print Handout</a></li>
<li><a href="Tips.html">Record Book Tips</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-lg-8 col-lg-offset-2"> <!-- InstanceBeginEditable name="MainBody" -->
<h1> Tips and Hints for Record Books &#9679; <small>Stuff that didn't fit in anywhere else</small></h1>
<div class="center-cropped" data-parallax="scroll" data-image-src="./img/cover-bg-notebook.jpg"></div>
<h2>Handwriting</h2>
<p>Handwriting your record book can help your book feel more real and authentic if done right. In other words, handwritten records are more likely if you are keeping records throughout the year and adding them to your book right away (especially in the cummulative sections). If you do handwrite your record book, practice your handwriting so that it is very readable. The judges aren't trying to place books on penmanship, but if they can't tell what the records behind that scrawl are, they will likely discard it.</p>
<h2>How to organize a record book</h2>
<p>Record books can be organized (or disorganized) in a plethora of ways. Generally, the best organized record books fall into one of two organization schemes. The first scheme sorts the records by section, then project (within <a href="Section1.html">Section 1</a>), then year. The second scheme sorts the records by year, then section. Both schemes present the most current information first, regardless (reverse chronological order, like a resume). Below you can see the structure of both schemes for someone who's been in 4-H three years with three projects each year.</p>
<div class="row">
<div class="col-md-6">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title"> <span class="glyphicon glyphicon-list-alt"></span> &ensp;
Sort by Section (The Junior Method) </h3>
</div>
<div class="panel-body">
<ul>
<li>
<h4>Section 1</h4>
<ul>
<li>
<h5>Breeding Beef</h5>
<ul>
<li>2012-2013</li>
<li>2011-2012</li>
<li>2010-2011</li>
</ul>
</li>
<li>
<h5>Rifle</h5>
<ul>
<li>2012-2013</li>
<li>2012-2012</li>
<li>2010-2011</li>
</ul>
</li>
<li>
<h5>Leathercraft</h5>
<ul>
<li>2012-2013</li>
<li>2012-2012</li>
<li>2010-2011</li>
</ul>
</li>
</ul>
</li>
<li>
<h4>Section 2 <small><em>(Cummulative)</em></small></h4>
</li>
<li>
<h4>Section 3 <small><em>(Cummulative)</em></small></h4>
</li>
<li>
<h4>Section 4 <small><em>(Cummulative)</em></small></h4>
</li>
<li>
<h4>Section 5 <small><em>(Cummulative)</em></small></h4>
</li>
<li>
<h4>Section 6</h4>
<ul>
<li>2012-2013</li>
<li>2012-2012</li>
<li>2010-2011</li>
</ul>
</li>
<li>
<h4>Section 7</h4>
<ul>
<li>2012-2013</li>
<li>2012-2012</li>
<li>2010-2011</li>
</ul>
</li>
</ul>
<p>I refer to this as the Junior Method because it works well for members who have been in 4-H for only one or two years, but generally becomes unrully after three years of keeping a record book. This is especially true, because the judges can more easily flip between years within the same section and see the growth that has occured in the early years of that project. After three years, it becomes better to use the Senior Method. </p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title"> <span class="glyphicon glyphicon-calendar"></span> &ensp;
Sort by Year (The Senior Method) </h3>
</div>
<div class="panel-body">
<ul>
<li><h4>2012-2013</h4>
<ul>
<li><h5>Section 1</h5>
<ul>
<li>Breeding Beef</li>
<li>Rifle</li>
<li>Leathercraft</li>
</ul></li>
<li><h5>Section 2 <small><em>(Cummulative)</em></small></h5></li>
<li><h5>Section 3 <small><em>(Cummulative)</em></small></h5></li>
<li><h5>Section 4 <small><em>(Cummulative)</em></small></h5></li>
<li><h5>Section 5 <small><em>(Cummulative)</em></small></h5></li>
<li><h5>Section 6</h5></li>
<li><h5>Section 7</h5></li>
</ul></li>
<li><h4>2011-2012</h4>
<ul>
<li><h5>Section 1</h5>
<ul>
<li>Breeding Beef</li>
<li>Rifle</li>
<li>Leathercraft</li>
</ul>
</li>
<li><h5>Section 6</h5></li>
<li><h5>Section 7</h5></li>
</ul>
</li>
<li><h4>2010-2011</h4>
<ul>
<li><h5>Section 1</h5>
<ul>
<li>Breeding Beef</li>
<li>Rifle</li>
<li>Leathercraft</li>
</ul>
</li>
<li><h5>Section 6</h5></li>
<li><h5>Section 7</h5></li>
</ul></li>
</ul>
<p>This method shifts the focus to the current year (which is more appropriate as members mature), eleminates redundency in the structure, and is especially helpful for members who have added and dropped projects throughout their 4-H career (as any real person would). Note that the cummulative sections <em>remain</em> cummulative and are placed in the current year even though they contain records for all years.</p>
</div>
</div>
</div>
</div>
<h2>To tab or not to tab</h2>
<p>The best place to keep your record book is in a physical three-ring binder. That way, you can access it any time, add pages as needed, and keep everything in the proper order. The extension office may have handed you a record book held together with a staple or paperclip, but that doesn't mean it should stay that way! The three-ring binder becomes an incorerent mass of papers without some form of guides, however. To tame the reams, the record book committee <strong>strongly recommends</strong> the use of tab dividers.</p>
<!-- InstanceEndEditable --> </div>
</div>
</div>
<!--Bootstrap scripts-->
<script src="script/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="script/bootstrap.min.js" type="text/javascript"></script>
<script src="script/parallax.min.js" type="text/javascript"></script>
</body>
<!-- InstanceEnd -->
</html>