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

1 files changed, 137 insertions, 0 deletions

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;
+}