diff --git a/about.html b/about.html index af75aba..b4cc90b 100644 --- a/about.html +++ b/about.html @@ -1,15 +1,34 @@ - - - - -
-
-

About Us

-

Our HackGT Group consists of Huey, Anonto, and Alexander

-

We are noobs and this is our first hackaton

-

As we get to learn more about what we are doing we will hopefully finish our project

-

Thank you for reading and stay tuned for our final product

-

Launch Day:TDA

-

-
- + + + + HackGT Perry 2 + + + + + +
+
+

This is Team Perry's HackGT Global Calender Project

+

The purpose of this calender is to show all the holidays of all the countries in one website for the entire year

+ +
Home
 +
+
+ + + +
+
+

About Us

+

Our HackGT Group consists of Huey, Anonto, and Alexander

+

We are noobs and this is our first hackaton

+

As we get to learn more about what we are doing we will hopefully finish our project

+

Thank you for reading and stay tuned for our final product

+

Launch Day:TDA

+

+
+ + + + diff --git a/hackgt.css b/hackgt.css index 8dfb820..1597300 100644 --- a/hackgt.css +++ b/hackgt.css @@ -1,150 +1,179 @@ -/*@import url('https://fonts.googleapis.com/css?family=Chakra+Petch'); -@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/ -@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald'); - -body { - font-family: 'Oswald', sans-serif; - color: black; - background-color: #fafafa; - margin: 0; -} - -h1 { - font-family: 'Oswald'; - color: white; -} - -p { - font-family: 'Open+Sans', sans-serif; - color: white; -} - -ul { - list-style-type: none; -} - -.btn { - width: 200px; - height: 25px; - border-radius: 5px; - background: #1abc9c; - text-align: center; - cursor: pointer; - margin: 0 auto; -} - -.btn:hover { - box-shadow: 0px 0px 2px 1px; -} - -.arrow { - cursor: pointer; -} - -* {box-sizing: border-box;} -ul {list-style-type: none;} -body {font-family: Verdana, sans-serif;} - -.header { - overflow: hidden; - background-color: #6c757d; - padding: 20px 10px; - color: white; - font-style: 'light'; - font-family: 'Oswald'; - display: flex; - justify-content: space-around; -} - -.month { - padding: 70px 25px; - width: 100%; - background: #1abc9c; - text-align: center; -} - -.month ul { - margin: 0; - padding: 0; -} - -.month ul li { - color: white; - font-size: 20px; - text-transform: uppercase; - letter-spacing: 3px; -} - -.month .prev { - float: left; - padding-top: 10px; -} - -.month .next { - float: right; - padding-top: 10px; -} - -.month .title { - font-family: 'Oswald'; - font-style: 'light'; - font-size:40px; -} - -.month .year { - font-family: 'Oswald'; - font-style: 'light'; - font-size:25px; -} - -.weekdays { - margin: 0; - padding: 10px 0; - background-color: #ddd; - font-family: 'Oswald'; -} - -.weekdays li { - display: inline-block; - width: 13.6%; - color: #666; - text-align: center; -} - -.days { - padding: 10px 0; - background: #eee; - margin: 0; - font-family: 'Open Sans'; - font-size: 18px; -} - -.days li { - list-style-type: none; - display: inline-block; - width: 13.8%; - height: 100px; - text-align: center; - font-size:12px; - color: #777; -} - -.days li .active { - padding: 5px; - background: #1abc9c; - color: white !important; -} - -/* Add media queries for smaller screens */ -@media screen and (max-width:720px) { - .weekdays li, .days li {width: 13.1%;} -} - -@media screen and (max-width: 420px) { - .weekdays li, .days li {width: 12.5%;} - .days li .active {padding: 2px;} -} - -@media screen and (max-width: 290px) { - .weekdays li, .days li {width: 12.2%;} -} +/*@import url('https://fonts.googleapis.com/css?family=Chakra+Petch'); +@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/ +@import url('https://fonts.googleapis.com/css?family=Open+Sans|Oswald'); + +body { + font-family: 'Oswald', sans-serif; + color: black; + background-color: #fafafa; + margin: 0; +} + +h1 { + font-family: 'Oswald'; + color: white; +} + +p { + font-family: 'Open+Sans', sans-serif; + color: white; +} + +a, a:hover, a:active, a:visited { color: white; } + +ul { + list-style-type: none; +} + +.btn { + width: 200px; + height: 25px; + border-radius: 5px; + background: #1abc9c; + text-align: center; + cursor: pointer; + margin: 0 auto; +} + +.btn:hover { + box-shadow: 0px 0px 2px 1px; +} + +.arrow { + cursor: pointer; +} + +* {box-sizing: border-box;} +ul {list-style-type: none;} +body {font-family: Verdana, sans-serif;} + +.text { + color:black; +} + +.maintext { + color:black; + font-family: 'Open+Sans', sans-serif; +} + +.header { + overflow: hidden; + background-color: #6c757d; + padding: 20px 10px; + color: white; + font-style: 'light'; + font-family: 'Oswald'; + display: flex; + justify-content: space-around; +} + +.month { + padding: 10px 10px; + width: 100%; + background: #1abc9c; + text-align: center; +} + +.month ul { + margin: 0; + padding: 0; +} + +.month ul li { + color: white; + font-size: 20px; + text-transform: uppercase; + letter-spacing: 3px; +} + +.month .prev { + float: left; + padding-top: 10px; +} + +.month .next { + float: right; + padding-top: 10px; +} + +.month .title { + font-family: 'Oswald'; + font-style: 'light'; + font-size:40px; +} + +.month .year { + font-family: 'Oswald'; + font-style: 'light'; + font-size:25px; +} + +.weekdays { + margin: 0; + padding: 10px 0; + background-color: #ddd; + font-family: 'Oswald'; +} + +.weekdays li { + display: inline-block; + width: 13.6%; + color: #666; + text-align: center; +} + +.days { + padding: 10px 0; + background: #eee; + margin: 0; + font-family: 'Open Sans'; + font-size: 18px; +} + +.days li { + list-style-type: none; + display: inline-block; + width: 13.8%; + height: 100px; + text-align: center; + font-size:12px; + color: #777; +} + +.days li .active { + padding: 5px; + background: #1abc9c; + color: white !important +} + +.footer { + overflow: hidden; + padding: 10px 10px; + background-color: #010b1c; + position: fixed; + left: 0; + bottom: 0; + width: 100%; + color: white; + text-align: center; +} + +.footer .text { + font-style: 'light'; + font-family: 'Oswald' + color: white !important; +} + +/* Add media queries for smaller screens */ +@media screen and (max-width:720px) { + .weekdays li, .days li {width: 13.1%;} +} + +@media screen and (max-width: 420px) { + .weekdays li, .days li {width: 12.5%;} + .days li .active {padding: 2px;} +} + +@media screen and (max-width: 290px) { + .weekdays li, .days li {width: 12.2%;} +} diff --git a/index.html b/index.html index 2f6e332..7194658 100644 --- a/index.html +++ b/index.html @@ -1,33 +1,26 @@ - HackGT Perry 2 + HackGT Perry 2 +
-
-
-

This is Team Perry's HackGT Global Calender Project

-

The purpose of this calender is to show all the holidays of all the countries in one website for the entire year

-
Choose a Country and Year
-
-
+
+

This is Team Perry's HackGT Global Calender Project

+

The purpose of this calender is to show all the holidays of all the countries in one website for the entire year

+ +
About
 +
- -
-
Home - About - Contact Us
-
@@ -45,13 +38,13 @@

This is Team Perry's HackGT Global Calender Project - - - + +
+
diff --git a/wrldcalendar.js b/wrldcalendar.js index d4797bd..a0c250e 100644 --- a/wrldcalendar.js +++ b/wrldcalendar.js @@ -148,4 +148,3 @@ function writeMonth() { function writeYear() { document.getElementById("currYear").innerHTML = getYear(); } -