2022-03-15 16:45:18 -04:00
4 changed files with 106 additions and 0 deletions
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,69 @@
+* {
+    box-sizing: border-box;
+}
+body {
+    margin: 0;
+    background-color:rgb(204, 204, 204)
+}
+.header {
+    background-color: #2e2828;
+    color: white;
+    text-align: center;
+    font-size: 35px;
+    margin: 0;
+}
+.header h1{
+    margin: 0;
+}
+.row {
+    display: -webkit-flex;
+    display: flex;
+    background-color: #888888;
+}
+.column {
+    -webkit-flex: 1;
+    -ms-flex: 1;
+    flex: 1;
+    padding: 5px; 
+    --height: 30px;
+    text-align: center;
+    text-decoration: none;
+    color: black;
+}
+.column:hover{
+    background-color: rgb(163, 163, 163);
+}
+.kyaru_main {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 100%;
+    height: auto;
+}
+
+.column a {
+    text-decoration: none;
+    color: black;
+    width: 100%;
+}
+
+.footer {
+    background-color: #2e2828;
+    padding: 10px;
+    text-align: center;
+    color: white;
+    position: fixed;
+    width: 100%;
+    left: 0;
+    bottom: 0;
+  }
+
+  @media (max-width: 600px) {
+    .row {
+      -webkit-flex-direction: column;
+      flex-direction: column;
+    }
+    .kyaru_main{ 
+        width: 100px;
+    }
+  }
--- a/images/kyaru1.jpg
+++ b/images/kyaru1.jpg
--- a/images/kyaru_pout.jpg
+++ b/images/kyaru_pout.jpg
--- a/index.html
+++ b/index.html
@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+
+  <title>Kyaru.club!</title>
+
+  <meta charset="UTF-8" />
+
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+  <meta name="description" content="" />
+  <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body>
+    <div class="header">
+        <h1>Welcome to Kyaru.club!</h1>
+    </div>
+
+    <div class="row">
+        <a class="column" href="https://jellyfin.kyaru.club">Jellyfin</a>
+        <a class="column" href="https://uddu.chat">Matrix</a>
+        <a class="column" href="https://transmission.kyaru.club">Transmission</a>
+        <a class="column" href="https://git.kyaru.club">Gitea</a>
+        <a class="column" href="https://nc.kyaru.club">Nextcloud</a>
+        
+    </div>
+    <img class="kyaru_main" src="images/kyaru_pout.jpg">
+    <div class="footer">
+        <p>Contact me on matrix @jasonl8446:uddu.chat if you are interested</p>
+        <p>Created by jasonl8446 2022</p>
+    </div>
+</body>
+
+</html>