feat: added most of the stylings

members_lumbung_space/static/css/default.css

@@ -0,0 +1,29 @@
+input {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 15px;
+}
+
+th, td {
+  padding: 15px;
+}
+
+table, th, td {
+  border: 1px solid black;
+}
+
+input {
+  border: 2px solid currentcolor;
+}
+
+input:invalid {
+  border: 2px dashed red;
+}
+
+input:invalid:focus {
+  background-image: linear-gradient(magenta, pink);
+}
+
+#welcome-message img {
+  width: 50%;
+}

members_lumbung_space/static/css/lumbung.css

@@ -0,0 +1,145 @@
+
+@font-face {
+  font-family: "Gudea";
+  src: 
+    url("/static/fonts/Gudea-Regular.ttf") format("ttf"),
+    url("/static/fonts/Gudea-Regular.woff2") format("woff2");
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "Gudea";
+  src: 
+    url("/static/fonts/Gudea-Italic.ttf") format("ttf"),
+    url("/static/fonts/Gudea-Italic.woff2") format("woff2");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Gudea";
+  src: 
+    url("/static/fonts/Gudea-Bold.ttf") format("ttf"),
+    url("/static/fonts/Gudea-Bold.woff2") format("woff2");
+  font-weight: 700;
+}
+
+body {
+  font-family: "Gudea", "sans-serif";
+  color: #333;
+  margin: 0;
+}
+
+input {
+  display: block;
+  margin-top: 5px;
+  margin-bottom: 15px;
+}
+
+th, td {
+  padding: 15px;
+}
+
+table, th, td {
+  border: 1px solid black;
+}
+
+input {
+  border: 2px solid currentcolor;
+}
+
+input:invalid {
+  border: 2px dashed red;
+}
+
+input:invalid:focus {
+  background-image: linear-gradient(magenta, pink);
+}
+
+.error {
+  color: red;
+}
+
+#welcome-message img {
+  width: 50%;
+}
+
+@media all and (max-width: 768px) {
+  .site img {
+    width: 48px;
+  }
+  .logo {
+    margin: 40px 0 !important;
+  }
+
+}
+
+.logo {
+  margin: 80px 0;
+}
+
+.logo img {
+  margin-left: auto;
+  margin-right: auto;
+  display: block;
+  width: auto;
+  height: auto;
+  max-width : 100%
+}
+
+.site {
+  font-size: 15px;
+  text-align: center;
+}
+
+.site img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+nav strong{
+  color: #333;
+  font-size: 21px;
+}
+
+.navbar-menu.is-active {
+  border: 1px black solid;
+}
+
+.container {
+  padding: 0 30px
+}
+
+.column {
+  margin-bottom: 20px !important;
+}
+
+.column a:link {
+  color: #333;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+.column a:visited {
+  color: #333;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+.button.is-ghost {
+  padding-left: 0 !important;
+}
+
+footer {
+  background-color: #AFAFAF !important; 
+  padding: 1rem 1.5rem !important;
+}
+
+footer .content span {
+  padding-right: 0.5rem;
+} 
+
+.container {
+  padding-bottom: 2rem !important;
+}