(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{NCHU_Taichung}} | + | {{NCHU_Taichung/navbar}} |
<html> | <html> | ||
− | + | <div class="ui page dimmer"> | |
− | + | <div class="content"> | |
− | <div class=" | + | <div class="center ui big header">Click on the date cell to see daily event :)</div> |
− | + | </div> | |
− | <h1> | + | </div> |
− | < | + | <h1 class="ui hidden header"></h1> |
− | + | <script src="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/js/extra.js&action=raw&ctype=text/javascript"></script> | |
− | < | + | <header> |
− | <div class=" | + | <div class="wrapper"> |
− | + | <div class="c-monthyear"> | |
− | + | <div class="c-month"> | |
− | + | <i class="chevron left icon prev" id="prev"></i> | |
− | < | + | <div id="c-paginator"> |
− | < | + | <span class="c-paginator__month">JANUARY</span> |
− | < | + | <span class="c-paginator__month">FEBRUARY</span> |
− | < | + | <span class="c-paginator__month">MARCH</span> |
− | < | + | <span class="c-paginator__month">APRIL</span> |
− | < | + | <span class="c-paginator__month">MAY</span> |
− | < | + | <span class="c-paginator__month">JUNE</span> |
− | </ | + | <span class="c-paginator__month">JULY</span> |
− | + | <span class="c-paginator__month">AUGUST</span> | |
− | </ | + | <span class="c-paginator__month">SEPTEMBER</span> |
− | + | <span class="c-paginator__month">OCTOBER</span> | |
− | < | + | <span class="c-paginator__month">NOVEMBER</span> |
− | <div class=" | + | <span class="c-paginator__month">DECEMBER</span> |
− | < | + | </div> |
− | < | + | <i class="chevron right icon next" id="next"></i> |
− | + | </div> | |
− | < | + | <span class="c-paginator__year">2018</span> |
− | < | + | </div> |
− | < | + | <div class="c-sort"> |
− | < | + | <a class="o-btn c-today__btn" href="javascript:;">TODAY</a> |
− | < | + | </div> |
− | + | </div> | |
− | + | </header> | |
− | + | <div class="wrapper"> | |
− | + | <div class="c-calendar"> | |
+ | <div class="c-calendar__style c-aside"> | ||
+ | <div class="c-aside__day"> | ||
+ | <span class="c-aside__num"> </span> | ||
+ | <span class="c-aside__month"></span> | ||
+ | </div> | ||
+ | <div class="c-aside__eventList"></div> | ||
+ | </div> | ||
+ | <div class="c-cal__container c-calendar__style"> | ||
+ | <script>// CAHNGE the below variable to the CURRENT YEAR | ||
+ | year = 2018; | ||
+ | // first day of the week of the new year | ||
+ | today = new Date("January 1, " + year); | ||
+ | start_day = today.getDay() + 1; | ||
+ | fill_table("January", 31, "01"); | ||
+ | fill_table("February", 28, "02"); | ||
+ | fill_table("March", 31, "03"); | ||
+ | fill_table("April", 30, "04"); | ||
+ | fill_table("May", 31, "05"); | ||
+ | fill_table("June", 30, "06"); | ||
+ | fill_table("July", 31, "07"); | ||
+ | fill_table("August", 31, "08"); | ||
+ | fill_table("September", 30, "09"); | ||
+ | fill_table("October", 31, "10"); | ||
+ | fill_table("November", 30, "11"); | ||
+ | fill_table("December", 31, "12"); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </html> | ||
+ | {{NCHU_Taichung/footer}} | ||
+ | <html> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Team:NCHU_Taichung/js/notebook.js&action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Latest revision as of 14:53, 17 October 2018
Click on the date cell to see daily event :)
JANUARY
FEBRUARY
MARCH
APRIL
MAY
JUNE
JULY
AUGUST
SEPTEMBER
OCTOBER
NOVEMBER
DECEMBER