Difference between revisions of "Team:CSU Fort Collins/Notebook"

(Prototype team page)
 
(Aidan Ceney)
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<head>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
    $("#Jan").click(function(){
 +
        $('.Jandates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Feb").click(function(){
 +
        $('.Febdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Mar").click(function(){
 +
        $('.Mardates').toggle();
 +
    });
 +
});
 +
$(document).ready(function(){
 +
    $("#Apr").click(function(){
 +
        $('.Aprdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#May").click(function(){
 +
        $('.Maydates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Jun").click(function(){
 +
        $('.Jundates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Jul").click(function(){
 +
        $('.Juldates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Aug").click(function(){
 +
        $('.Augdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Sep").click(function(){
 +
        $('.Sepdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Oct").click(function(){
 +
        $('.Octdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Nov").click(function(){
 +
        $('.Novdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#Dec").click(function(){
 +
        $('.Decdates').toggle();
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $('.Jandates, .Febdates, .Mardates, .Aprdates, .Maydates, .Jundates, .Juldates, .Augdates, .Sepdates, .Octdates, .Novdates, .Decdates').click(function(){
 +
        $($(this).children()).slideToggle("fast");
 +
    });
 +
});
 +
</script>
 +
 +
 +
<style>
 +
 +
.thereHasToBeaBetterWay{
 +
    width: 20%;
 +
    height: 175px;
 +
}
 +
 +
.dailyLog{
 +
    text-align: left;
 +
    display: none;;
 +
    background-color: #FFFFFF;
 +
}
 +
 +
 +
.Jandates{
 +
text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
    padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
.Febdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Mardates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Aprdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
    padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
.Maydates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
.Jundates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Juldates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Augdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Sepdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Octdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Novdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.Decdates{
 +
    text-align: center;
 +
    cursor: pointer;
 +
    margin-left: 29%;
 +
    margin-bottom: 15px;
 +
    display: none;
 +
    border-radius: 5px;
 +
  padding: 5px;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 500px;
 +
}
 +
 +
.outerMonth{
 +
    cursor: pointer;
 +
    padding: 5px;
 +
    float: left;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    margin-left: 35%;
 +
    border-style: inset;
 +
    width: 70px;
 +
    height: 5%;
 +
 +
}
 +
.month{
 +
 +
    cursor: pointer;
 +
    padding: 5px;
 +
    float: left;
 +
    background-color: #DCDCDC;
 +
    border-color: #383838;
 +
    border-style: inset;
 +
    width: 70px;
 +
    height: 5%;
 +
}
 +
 +
 +
 +
</style>
 +
</head>
 +
 +
 +
 +
 +
<body>
 
<h2>Notebook</h2>
 
<h2>Notebook</h2>
  
 +
<div class="outerMonth" id="Jan">January</div>
 +
    <div class="month" id="Feb">Febuary</div>
 +
    <div class="month" id="Mar">March</div>
 +
    <div class="month" id="Apr">Aprill</div>
 +
 +
    <div class="outerMonth" id="May">May</div>
 +
    <div class="month" id="Jun">June</div>
 +
    <div class="month" id="Jul">July</div>
 +
    <div class="month"id="Aug">August</div>
 +
 +
    <div class="outerMonth" id="Sep">September</div>
 +
    <div class="month" id="Oct">October</div>
 +
    <div class="month" id="Nov">November</div>
 +
    <div class="month" id="Dec">December</div>
 +
 +
    <div class="thereHasToBeaBetterWay"></div>
 +
 +
   
 +
 +
    <div class="Jandates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jandates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jandates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Febdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Febdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Febdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Mardates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Mardates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Mardates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Aprdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Aprdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Aprdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Maydates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Maydates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Maydates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Jundates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Juldates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Augdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Sepdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
    <div class="Octdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Octdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Octdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
    <div class="Novdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Novdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Novdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
 +
 +
    <div class="Decdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Decdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
   
 +
    <div class="Decdates">Enter Day Here
 +
        <div class="dailyLog">Dreams</div>
 +
    </div>
 +
 +
 +
<!--
 
<p> Document the dates you worked on your project.</p>
 
<p> Document the dates you worked on your project.</p>
  
Line 16: Line 492:
  
 
<h4>Inspiration</h4>
 
<h4>Inspiration</h4>
 +
-->
 
<p>You can see what others teams have done to organize their notes:</p>
 
<p>You can see what others teams have done to organize their notes:</p>
  
Line 26: Line 503:
  
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 22:27, 17 August 2015

Notebook

January
Febuary
March
Aprill
May
June
July
August
September
October
November
December
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams
Enter Day Here
Dreams

You can see what others teams have done to organize their notes: