diff --git a/main.go b/main.go
index f4317d2..fdbc31b 100644
--- a/main.go
+++ b/main.go
@@ -44,7 +44,10 @@ func main() {
authFunc := func (r *http.Request) (*User){ return Authenticate(*htpasswd, r) }
mux := http.NewServeMux()
- mux.Handle("/", http.FileServer(http.Dir("./static/")))
+ mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) { http.ServeFile(w, r, "./static/index.html") })
+ mux.Handle("/css/", http.FileServer(http.Dir("./static")))
+ mux.Handle("/js/", http.FileServer(http.Dir("./static")))
+
mux.Handle("/api/", http.StripPrefix("/api", ApiHandler(authFunc)))
mux.Handle("/images/", http.StripPrefix("/images", ImagesHandler(
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..0cb940e
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,47 @@
+body {
+ background: #181818;
+ color: #ffffff;
+ font-familly: sans-serif;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+}
+
+h1,h2 {
+ text-align: center;
+}
+
+figure.big {
+ display: table-cell;
+ height: 100vh;
+ width: 100vw;
+ text-align: center;
+ vertical-align: middle;
+}
+
+.big img {
+ max-height: calc(100vh - 5px);
+ max-width: calc(100vw - 5px);
+}
+
+a {
+ outline: none;
+}
+
+img {
+ box-shadow: 0px 0px 10px #9AB;
+ transition: box-shadow 1s ease-out;
+}
+img:hover {
+ box-shadow: 0px 0px 20px #FED;
+}
+
+.big figcaption {
+ background: #656565;
+ color: #FFF;
+ font-weight: bold;
+ margin: -100px auto;
+ opacity: 0.65;
+ padding: 10px;
+ position: relative;
+}
diff --git a/static/index.html b/static/index.html
index e1d7b02..8bf214b 100644
--- a/static/index.html
+++ b/static/index.html
@@ -1 +1,22 @@
-
Welcome on YouP0m!
+
+
+
+ YouP0m
+
+
+
+
+
+
+ Welcome on YouP0m!
+
+
+
+
diff --git a/static/js/prototype.js b/static/js/prototype.js
new file mode 100644
index 0000000..cc89daf
--- /dev/null
+++ b/static/js/prototype.js
@@ -0,0 +1,7588 @@
+/* Prototype JavaScript framework, version 1.7.3
+ * (c) 2005-2010 Sam Stephenson
+ *
+ * Prototype is freely distributable under the terms of an MIT-style license.
+ * For details, see the Prototype web site: http://www.prototypejs.org/
+ *
+ *--------------------------------------------------------------------------*/
+
+var Prototype = {
+
+ Version: '1.7.3',
+
+ Browser: (function(){
+ var ua = navigator.userAgent;
+ var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
+ return {
+ IE: !!window.attachEvent && !isOpera,
+ Opera: isOpera,
+ WebKit: ua.indexOf('AppleWebKit/') > -1,
+ Gecko: ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1,
+ MobileSafari: /Apple.*Mobile/.test(ua)
+ }
+ })(),
+
+ BrowserFeatures: {
+ XPath: !!document.evaluate,
+
+ SelectorsAPI: !!document.querySelector,
+
+ ElementExtensions: (function() {
+ var constructor = window.Element || window.HTMLElement;
+ return !!(constructor && constructor.prototype);
+ })(),
+ SpecificElementExtensions: (function() {
+ if (typeof window.HTMLDivElement !== 'undefined')
+ return true;
+
+ var div = document.createElement('div'),
+ form = document.createElement('form'),
+ isSupported = false;
+
+ if (div['__proto__'] && (div['__proto__'] !== form['__proto__'])) {
+ isSupported = true;
+ }
+
+ div = form = null;
+
+ return isSupported;
+ })()
+ },
+
+ ScriptFragment: '