Implimented multiple article (projects and tutorials) UI.

5 files changed, 64 insertions, 1 deletions

diff --git a/website/images/ui/close.png b/website/images/ui/close.png
new file mode 100644
index 0000000..f6bb2a6
--- /dev/null
+++ b/website/images/ui/close.png
diff --git a/website/images/ui/close.xcf b/website/images/ui/close.xcf
new file mode 100644
index 0000000..eee0472
--- /dev/null
+++ b/website/images/ui/close.xcf
diff --git a/website/styles-multiple-page-articles.css b/website/styles-multiple-page-articles.css
new file mode 100644
index 0000000..0fedac2
--- /dev/null
+++ b/website/styles-multiple-page-articles.css
@@ -0,0 +1,18 @@
+.article-title {
+    margin-left: 5px;
+    font: 21px Arial;
+    color: white;
+    float: left;
+}
+
+.close {
+    width: 32px;
+    height: 32px;
+    float: right;
+    margin-top: -5px;
+    margin-right: 5px;
+}
+
+.close :hover {
+    background-color: #ed383b;
+}
diff --git a/website/tutorials/gtksharp2.0/introduction.html b/website/tutorials/gtksharp2.0/introduction.html
new file mode 100644
index 0000000..fc3e3c3
--- /dev/null
+++ b/website/tutorials/gtksharp2.0/introduction.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>GtkSharp 2.0 - Introduction</title>
+        <link rel="stylesheet" href="../../styles.css">
+        <link rel="stylesheet" href="../../styles-multiple-page-articles.css">
+
+
+    </head>
+
+    <body>
+        <body>
+
+            <div class=header>
+                <div class=article-title>GtkSharp 2.0</div>
+
+                <a href="./introduction.html" class=selected-tab>Introduction</a>
+
+                <a href="../index.html" class=close style="margin-left: 92px;"><img src="../../images/ui/close.png" alt="Back"></a>
+            </div>
+
+            <div class=page>
+
+            </div>
+
+            <br>
+
+            <footer class=footer>
+                <a href="https://github.com/Syndamia" class=hyperlink-footer><img src="../../images/logos/github.png" alt="GitHub" height=32px></a>
+                <a href="https://stackoverflow.com/users/12036073/syndamia" class=hyperlink-footer><img src="../../images/logos/stackoverflow.png" alt="StackOverflow"></a>
+
+                <hr width=350px noshade>
+
+                <a href="../index.html" class=hyperlink-footer>Tutorials</a> |
+                <a href="../../projects/index.html" class=hyperlink-footer>Projects</a> |
+                <a href="../../about.html" class=hyperlink-footer>About</a> |
+                <a href="../../resume.html" class=hyperlink-footer>Resume</a>
+
+                <hr width=350px noshade>
+
+                <a href="https://github.com/Syndamia/syndamiadotcom/blob/master/LICENSE" class=hyperlink-footer>Website License</a> |
+                <a href="../../credit.html" class=hyperlink-footer>Credit</a>
+            </footer>
+    </body>
+</html>
diff --git a/website/tutorials/index.html b/website/tutorials/index.html
index b5295fe..e7e256e 100644
--- a/website/tutorials/index.html
+++ b/website/tutorials/index.html
@@ -16,7 +16,7 @@
             </div>
 
             <div class=page>
-                Coming soon
+                <a href="./gtksharp2.0/introduction.html" class=hyperlink>GtkSharp 2.0</a>
             </div>
 
             <br>