Generate static pages with a watcher and serve files with a simple http server

4 files changed, 292 insertions, 0 deletions

diff --git a/CSS/font.css b/CSS/font.css
new file mode 100644
index 0000000..052f821
--- /dev/null
+++ b/CSS/font.css
@@ -0,0 +1,9 @@
+@font-face {
+  font-family: pacifico;
+  src: url(Fonts/pacifico.ttf);
+}
+
+@font-face {
+  font-family: NothingYouCouldSay;
+  src: url(Fonts/NothingYouCouldSay.ttf);
+}
diff --git a/CSS/menu.css b/CSS/menu.css
new file mode 100644
index 0000000..590ca7a
--- /dev/null
+++ b/CSS/menu.css
@@ -0,0 +1,96 @@
+nav {
+  position: relative;
+  font-family: NothingYouCouldSay;
+  font-size: 21px;
+  z-index: 1;
+}
+
+nav ul {
+  position: absolute;
+}
+
+nav > ul {
+  width: 900px;
+  display: table;
+  table-layout: fixed;
+}
+
+nav > ul > li:first-child > a {
+  border-top-left-radius: 10px;
+  border-bottom-left-radius: 10px;
+}
+
+nav ul ul li:last-child a {
+  border-bottom-left-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+nav > ul > li:last-child a:first-child {
+  border-top-right-radius: 10px;
+  border-bottom-right-radius: 10px;
+}
+
+nav li {
+  display: table-cell;
+  margin-bottom: 0px;
+  margin-left: 0px;
+}
+
+nav li:before {
+  content: "" !important;
+  margin-left: 0px !important;
+}
+
+nav ul ul li {
+  display: block;
+  float: none;
+  min-width: 150px;
+}
+
+nav a {
+  text-align: center;
+  color: white;
+  text-decoration: none;
+  display: block;
+  margin-left: 1px;
+  margin-right: 1px;
+}
+
+nav > ul > li > a {
+  height: 50px;
+  line-height: 50px;
+  background-color: #333333;
+}
+
+nav a:hover {
+  text-decoration: none;
+}
+
+nav > ul > li:hover > a {
+  background-color: #777777;
+}
+
+nav ul ul a {
+  transition: opacity 0.2s ease;
+  visibility: hidden;
+  opacity: 0;
+  height: 0px;
+  line-height: 0px;
+
+  background-color: #EEEEEE;
+  padding: 0 20px;
+  color: black;
+}
+
+nav ul li:hover a {
+  visibility: visible;
+  opacity: 1;
+  height: 50px;
+  line-height: 50px;
+}
+
+nav a:hover {
+  transition: all 0.2s ease;
+  background-color: #777777;
+  color: white;
+}
diff --git a/CSS/reset.css b/CSS/reset.css
new file mode 100644
index 0000000..72bc5c9
--- /dev/null
+++ b/CSS/reset.css
@@ -0,0 +1,50 @@
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+html {
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+}
diff --git a/CSS/style.css b/CSS/style.css
new file mode 100644
index 0000000..6d4cc33
--- /dev/null
+++ b/CSS/style.css
@@ -0,0 +1,137 @@
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  background-color: #FBDEE3;
+  width: 900px;
+  margin: auto;
+}
+
+.header {
+  margin-top: 40px;
+  margin-bottom: 50px;
+  text-align: center;
+  font-size: 72px;
+  text-shadow: 2px 2px #ADADAD;
+  font-family: pacifico;
+}
+
+#content {
+  margin-top: 120px;
+  background-color: white;
+  border-top-left-radius: 10px;
+  border-top-right-radius: 10px;
+  padding: 50px 80px 30px;
+}
+
+h1 {
+  font-size: 36px;
+  margin-bottom: 30px;
+  margin-left: 10px;
+  font-weight: bold;
+  color: #F52F8A;
+}
+
+h2 {
+  font-size: 26px;
+  margin-bottom: 30px;
+  margin-left: 10px;
+  color: #F52F8A;
+  font-weight: bold;
+}
+
+h3 {
+  font-weight: bold;
+  margin-bottom: 20px;
+}
+
+p {
+  margin-bottom: 30px;
+  text-indent: 30px;
+  line-height: 24px;
+  text-align: justify;
+}
+
+.figure p.caption {
+  display: none;
+}
+
+img {
+  display: block;
+  margin: auto;
+  margin-bottom: 30px;
+}
+
+ul {
+  margin-bottom: 30px;
+  counter-reset: list;
+}
+
+ol {
+  margin-bottom: 30px;
+  counter-reset: list;
+}
+
+ul ul { margin-bottom: 0px; }
+ul ol { margin-bottom: 0px; }
+ol ul { margin-bottom: 0px; }
+ol ol { margin-bottom: 0px; }
+
+li {
+  margin-left: 30px;
+  margin-bottom: 5px;
+  line-height: 24px;
+  text-align: justify;
+}
+
+ul > li:before {
+  content: "•";
+  color: #F52F8A;
+  position: relative;
+  left: -10px;
+  margin-left: -7px;
+  font-size: 18px;
+}
+
+ol li {
+  counter-increment: list;
+  position: relative;
+}
+
+ol > li:before {
+  content: counter(list) ".";
+  color: #F52F8A;
+  position: absolute;
+  left: -2.5em;
+  width: 2em;
+  text-align: right;
+}
+
+a {
+  transition: color 0.2s ease;
+  text-decoration: none;
+  color: darkblue;
+}
+
+a:hover {
+  color: #8C8CC0;
+  text-decoration: underline;
+  transition: color 0.5s ease;
+}
+
+em {
+  font-style: italic;
+}
+
+strong {
+  font-weight: bold;
+}
+
+.contact {
+  background-color: #EEEEEE;
+  padding: 30px;
+  text-align: center;
+  color: #555555;
+}
+
+.waitCursor * {
+  cursor: wait !important;
+}