Added base site

yklcs · yklcs · commit e37cf59945ac · 2019-05-30T22:49:14.000+09:00
diff --git a/assets/bg.png b/assets/bg.png
diff --git a/index.html b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+  <title>HAS Lambda</title>
+
+  <link rel="stylesheet" type="text/css" href="style.css">
+
+  <link href="https://fonts.googleapis.com/css?family=Montserrat:700&display=swap" rel="stylesheet">
+</head>
+
+<body>
+  <h1 id="title">WELCOME TO HAS LAMBDA</h1>
+  <div id="logo-container">
+    <img id="logo" src="assets/bg.png">
+  </div>
+</body>
+
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,48 @@
+body {
+  background: rgb(23, 0, 65);
+  background: linear-gradient(
+    135deg,
+    rgba(23, 0, 65, 1) 0%,
+    rgba(65, 0, 22, 1) 100%
+  );
+  height: 90%;
+}
+
+html {
+  height: 100%;
+  margin: 0;
+}
+
+#logo-container {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+  align-items: stretch;
+  align-content: stretch;
+  height: 100%;
+}
+
+#logo {
+  width: 700px;
+  align-self: flex-end;
+  margin: auto 0;
+}
+
+#title {
+  position: absolute;
+  top: 50%;
+  font-family: "Montserrat", sans-serif;
+  color: white;
+  font-size: 3em;
+  margin: 1em;
+}
+
+@media screen and (max-width: 800px) {
+  #title {
+    font-size: 2em;
+  }
+  #logo {
+    width: 80%;
+  }
+}
