diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..baa6d15 --- /dev/null +++ b/css/main.css @@ -0,0 +1,113 @@ +@font-face { + font-family: JetBrains_Mono; + src: url(../Fonts/JetBrainsMono-Regular.woff2) format('woff2'); +} + +h1{ + margin: auto; + padding: auto; +} +body{ + background-color: black; + color: #aaa6a6; + font-family: JetBrains_Mono; +} +hr { + width: 100%; + background: linear-gradient(to right, #25aae1, #16b468); + border-width: 1em; + padding: 0.05em; +} +footer{ + align-items: center; + text-align: center; +} + +.dessous_titre{ + width: 30%; + margin: auto; + margin-bottom: 3em; +} +.link{ + text-decoration: none; + color: inherit; +} +.link:hover{ + text-decoration: underline; + color: inherit; +} +.header{ + padding: auto; +} +.logo{ + width: 5em; + height: 5em; + margin-top: 1em; + margin-bottom: 0.2em; +} +.GradientBorder{ + border: 5px solid; + border-image: linear-gradient(to bottom, #25aae1, #16b468) 1 100%; + border-style: solid; + border-width: 3px; + padding: 1rem; +} +.GradientText{ + background-image: linear-gradient(to left, #25aae1, #16b468, #25aae1); + background-clip: text; + -webkit-background-clip: text; + color: transparent; +} +.menu{ + list-style-type: none; + margin: 0; + padding: 0; + font-size: larger; + position: relative; +} +.menu > ul{ + position: absolute; + bottom: 0; + right: 0; +} +.menu li{ + display: inline; +} +.menu li button{ + display: inline-block; + padding: 10px; + text-decoration: none; +} + +.btn-hover { + font-size: 16px; + font-weight: 600; + color: transparent; + cursor: pointer; + text-align:center; + border: none; + background-size: 300% 100%; + background-clip: text; + -webkit-background-clip: text; + + border-radius: 50px; + moz-transition: all .4s ease-in-out; + -o-transition: all .4s ease-in-out; + -webkit-transition: all .4s ease-in-out; + transition: all .4s ease-in-out; +} + +.btn-hover:hover { + background-position: 100% 0; + moz-transition: all .4s ease-in-out; + -o-transition: all .4s ease-in-out; + -webkit-transition: all .4s ease-in-out; + transition: all .4s ease-in-out; +} + +.btn-hover:focus { + outline: none; +} +.btn-hover.color-1 { + background-image: linear-gradient(to right, #25aae1, #40e495, #30dd8a, #16b468); +} diff --git a/index.html b/index.html index 427fd8f..e384f98 100644 --- a/index.html +++ b/index.html @@ -1,20 +1,22 @@ - - Window Manager Configurinator - - - - - - -
- -
- -
- - + + Window Manager Configurinator + + + + + + +
+ +
+

Test bitches

+

That's right

+
+ +
+ diff --git a/javascript/main.js b/javascript/main.js new file mode 100644 index 0000000..3ba7d0a --- /dev/null +++ b/javascript/main.js @@ -0,0 +1,4 @@ +$(document).ready(function(){ + $("#header").load("../pages/shared/header.html"); + $("#footer").load("../pages/shared/footer.html"); +}); \ No newline at end of file diff --git a/pages/shared/footer.html b/pages/shared/footer.html index e69de29..79619b4 100644 --- a/pages/shared/footer.html +++ b/pages/shared/footer.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/pages/shared/header.html b/pages/shared/header.html index e69de29..c63005f 100644 --- a/pages/shared/header.html +++ b/pages/shared/header.html @@ -0,0 +1,16 @@ +
+
+
+

WM Configurinator

 +
+
+ +
+
+
+
\ No newline at end of file diff --git a/serve.py b/serve.py new file mode 100644 index 0000000..b46d485 --- /dev/null +++ b/serve.py @@ -0,0 +1,11 @@ +import http.server +import socketserver + +PORT = 8001 + +Handler = http.server.SimpleHTTPRequestHandler + +httpd = socketserver.TCPServer(("", PORT), Handler) + +print("Serving at http://localhost:{}".format(PORT)) +httpd.serve_forever()