feat: added most of the stylings

.gitmodules

@@ -0,0 +1,3 @@
+[submodule "bulma"]
+	path = bulma
+	url = https://github.com/jgthms/bulma

bulma

@@ -0,0 +1 @@
+Subproject commit 5aa114d445a8e550716931e545577eb260fb430d

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;
+}

members_lumbung_space/static/js/navbar_hamburger_menu.js

@@ -0,0 +1,25 @@
+document.addEventListener('DOMContentLoaded', () => {
+
+    // Get all "navbar-burger" elements
+    const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+  
+    // Check if there are any navbar burgers
+    if ($navbarBurgers.length > 0) {
+  
+      // Add a click event on each of them
+      $navbarBurgers.forEach( el => {
+        el.addEventListener('click', () => {
+  
+          // Get the target from the "data-target" attribute
+          const target = el.dataset.target;
+          const $target = document.getElementById(target);
+  
+          // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+          el.classList.toggle('is-active');
+          $target.classList.toggle('is-active');
+  
+        });
+      });
+    }
+  
+  });

members_lumbung_space/static/lumbung.css

@@ -1,33 +0,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%;
-}

members_lumbung_space/static/svg/books_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#9E483F"/>
+<path d="M44.0594 60.5608C43.8283 60.5238 43.5971 60.4499 43.2366 60.3574L42.8853 60.339L41.8407 60.2558L42.8853 60.1726L43.2366 60.1541C43.5971 60.0616 43.8283 59.9877 44.0594 59.9507C46.9067 59.4422 48.5707 57.7043 49.2086 54.9402C50.0036 51.4642 50.1422 47.9328 49.5413 44.4199C48.7556 39.8254 46.9436 37.9303 42.3121 37.4496C36.3957 36.8487 30.4422 37.3201 24.498 37.2092C24.0266 37.2 23.8879 37.3848 23.9064 37.8193C23.9526 38.864 23.9896 39.9086 23.9896 40.9625C23.9803 46.9252 23.9618 52.8879 23.9526 58.8506H23.9433C23.9433 59.3221 23.9433 59.7843 23.9433 60.2558C23.9433 60.7272 23.9433 61.1894 23.9433 61.6609C23.9618 67.6236 23.9711 73.5863 23.9803 79.549C23.9803 80.5937 23.9433 81.6475 23.8971 82.6922C23.8786 83.1359 24.0173 83.3115 24.4888 83.3023C30.4237 83.1914 36.3865 83.6721 42.3029 83.0619C46.9252 82.5905 48.7463 80.6954 49.5321 76.0916C50.133 72.5787 49.9851 69.0565 49.1993 65.5714C48.5707 62.8072 46.9067 61.0693 44.0594 60.5608ZM35.4989 51.1037C35.4989 49.9389 35.4805 48.7741 35.5082 47.6185C35.5174 47.2765 35.2309 46.7495 35.7671 46.6201C36.3217 46.4907 36.9411 46.463 37.3756 46.9899C37.4496 47.0731 37.5235 47.184 37.5513 47.2857C38.1984 49.8095 38.1706 52.3425 37.5697 54.857C37.3756 55.6428 36.6268 55.7167 35.9519 55.652C35.0737 55.5688 35.5544 54.8662 35.5267 54.4687C35.4528 53.3594 35.4989 52.2315 35.4989 51.1037ZM37.5513 73.2165C37.5235 73.3275 37.4496 73.4292 37.3756 73.5124C36.9411 74.0393 36.3217 74.0116 35.7671 73.8821C35.2401 73.762 35.5267 73.2258 35.5082 72.8838C35.4712 71.7189 35.4989 70.5541 35.4989 69.3986C35.4989 68.2707 35.4528 67.1429 35.5267 66.0243C35.5544 65.6268 35.0737 64.9242 35.9519 64.841C36.6268 64.7763 37.3756 64.8503 37.5697 65.636C38.1706 68.1598 38.1984 70.6928 37.5513 73.2165Z" fill="#F0D5C0"/>
+<path d="M71.0718 47.8774C75.9898 46.3243 80.4272 47.0823 85.0772 49.9574C89.4683 52.5273 92.3433 56.1697 93.6376 61.0878C94.9226 66.0058 94.6637 70.9331 92.0845 75.0932C89.2464 79.7524 85.6133 82.6274 80.686 83.9124C75.4998 85.1974 71.1087 84.7075 66.4125 82.0913C62.0214 79.4751 59.1463 75.8789 57.8521 70.6928C56.299 65.7747 57.0571 61.1155 59.6733 56.6874C62.2525 52.0374 65.8856 49.1993 71.0718 47.8774ZM87.1295 46.3243C81.6752 42.9593 75.9991 42.1642 70.0179 43.7081C63.8056 45.5292 59.1186 49.1623 56.0124 54.6074C52.9063 60.0524 52.1113 65.7377 53.6643 71.987C55.4855 77.9312 59.1186 82.6274 64.5636 85.7336C70.0179 88.8398 75.4629 89.6348 81.6752 87.8136C87.6194 86.2605 92.3156 82.6274 95.6806 77.4413C98.7868 71.987 99.5818 66.0428 97.7606 60.3297C96.2168 54.1174 92.8426 49.1993 87.1295 46.3243Z" fill="#F0D5C0"/>
+</svg>

members_lumbung_space/static/svg/cloud_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#C2C2FF"/>
+<path d="M84.2179 31.0245C80.7049 30.0631 80.2705 30.1186 79.9747 31.2094L66.265 81.3978C65.9877 82.4055 65.5902 83.561 65.9045 84.2359C66.1726 84.809 67.2635 85.1141 68.3543 85.4099L83.3396 89.5052C84.2733 89.7641 84.412 89.5422 85.4381 85.8074C86.3349 82.5256 86.3626 82.1096 85.3457 81.8323L78.4031 79.9372C77.6173 79.7153 76.7113 79.3918 76.3785 79.0497C75.9348 78.5043 76.3785 77.2008 76.6559 76.1932L88.2947 33.576C88.6368 32.3188 88.193 32.1154 84.2179 31.0245Z" fill="#7000FF"/>
+<path d="M63.8786 67.9195C61.1237 67.8826 58.3596 67.8826 55.6047 67.8733H55.5863C54.893 67.901 54.5786 68.4927 54.1256 68.8717C53.6634 69.9348 52.8129 70.6467 51.8885 71.2753C51.4355 71.5434 51.0565 71.9686 50.4741 71.9964C50.4648 72.0056 50.4556 72.0149 50.4464 72.0241C49.7345 72.8653 48.6622 72.8838 47.7192 73.1242C45.177 73.7805 42.6625 73.2906 40.1572 72.8006C39.4731 72.4493 38.7983 72.1073 38.1142 71.756C38.0679 71.5989 38.0217 71.4324 37.9755 71.2753C37.5225 71.0349 36.9864 70.8963 36.7645 70.3416C36.7183 70.2676 36.6905 70.1844 36.672 70.1012C36.3947 70.0735 36.1174 70.0458 35.84 70.018C31.8649 65.7009 31.0051 59.4701 33.6676 54.3209C33.8062 54.062 34.0558 53.8679 34.2592 53.6368C34.9895 51.8434 36.5426 50.7895 37.957 49.6247C37.9663 49.6247 37.9663 49.6154 37.9755 49.6154C40.6102 47.5909 43.6516 47.5354 46.7393 47.9144C48.1167 48.0808 49.5866 48.1825 50.6313 49.3288C50.6405 49.3381 50.6405 49.3381 50.6497 49.3473C51.907 50.0314 53.1458 50.734 53.8114 52.093C54.1996 52.5182 54.5879 52.9342 54.9854 53.3595C58.6832 53.3502 62.381 53.3502 66.0788 53.341C65.1543 51.2887 64.2391 49.2364 63.3147 47.1841C62.9079 46.6664 62.5012 46.1487 62.0944 45.631C61.965 45.2335 61.8263 44.836 61.6969 44.4385C61.6137 44.3461 61.5213 44.2444 61.4381 44.1519C60.6893 44.0225 60.3195 43.4124 59.8665 42.9224C58.1008 41.6559 56.2611 40.5096 54.3198 39.5204C51.6112 38.5498 48.8286 37.9581 45.935 37.8472C42.4499 37.7178 39.1126 38.3649 35.84 39.4742C34.4719 40.1028 33.1499 40.7962 31.9111 41.6189C31.0699 42.1828 30.2748 42.8022 29.526 43.5048C29.526 43.5048 22.6943 47.8497 22.6943 59.5995C22.6943 70.4618 26.0409 73.5125 28.2688 76.3228C28.4167 76.5262 28.5646 76.7295 28.7125 76.9329C28.731 76.9514 28.7587 76.9699 28.7772 76.9791C28.7865 76.9884 28.7864 76.9976 28.7957 77.0069C28.9436 77.2103 29.0823 77.3397 29.221 77.3952C29.4983 77.7095 29.7572 78.0792 30.0068 78.3751C35.3501 82.5628 41.4237 84.1344 48.1352 83.3209C49.5034 83.1545 50.8531 82.8956 52.212 82.6738C52.7297 82.2578 53.3214 82.0266 53.9962 82.0544C54.0055 82.0451 54.0147 82.0451 54.024 82.0359C56.1595 80.7971 58.2672 79.5214 60.227 77.996C60.5413 77.2288 61.3087 76.8405 61.7801 76.2119C62.9819 74.289 64.3501 72.4586 65.1821 70.3231C65.4409 69.6483 65.8754 68.9919 65.4964 68.2154C65.0157 67.6977 64.4148 67.9288 63.8786 67.9195Z" fill="#7000FF"/>
+</svg>

members_lumbung_space/static/svg/gallery_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#FCF4B9"/>
+<path d="M80.1688 41.6464C79.9376 40.722 79.6511 40.269 78.5787 40.3614C77.2383 40.4908 75.8793 40.4539 74.5296 40.3707C73.5867 40.3152 73.2261 40.6018 72.9858 41.554C70.0368 53.655 67.1433 65.7653 63.9816 77.8109C63.6951 78.911 62.9 80.4733 63.3438 81.028C63.9539 81.8045 65.5532 81.1389 66.6995 81.3053C67.6887 81.444 67.9013 80.9448 68.0677 80.1313C68.6594 77.1638 69.3157 74.224 69.9166 71.2565C70.0553 70.5447 70.3326 70.2674 71.1092 70.2766C74.7515 70.3228 78.4031 70.3136 82.0454 70.2859C82.7572 70.2766 83.0161 70.4985 83.164 71.2103C83.7649 74.298 84.449 77.3672 85.0961 80.4456C85.1885 80.8986 85.2255 81.3145 85.8819 81.2961C87.3055 81.2591 88.7292 81.2868 90.2175 81.2868C88.8956 76.2024 87.5736 71.2288 86.3164 66.246C84.2271 58.0554 82.1841 49.8555 80.1688 41.6464ZM81.5092 66.8747C78.0333 66.8562 74.5574 66.8654 70.989 66.8654C72.8379 58.8042 74.6221 51.0573 76.4062 43.3012C76.4802 43.3012 76.5634 43.3012 76.6374 43.3012C77.719 47.9512 78.8098 52.6011 79.8914 57.2511C80.5755 60.2001 81.2504 63.1399 81.9529 66.0889C82.0639 66.5326 82.2118 66.8747 81.5092 66.8747Z" fill="#846A00"/>
+<path d="M58.2131 39.3631C58.2223 38.1243 57.8063 37.7638 56.6507 37.8285C55.3103 37.9025 53.9606 37.884 52.6201 37.8285C51.7234 37.7915 51.3906 38.1521 51.4738 39.0118C51.5108 39.4001 51.5015 39.8068 51.4738 40.1951C51.4461 40.5649 51.6587 41.0364 51.2057 41.2675C50.7343 41.5171 50.4846 41.0548 50.2073 40.8237C49.061 39.8346 47.813 39.0303 46.4263 38.4294C42.5621 36.7469 38.6147 36.7561 34.6026 37.8008C34.5379 37.8562 34.4639 37.884 34.39 37.8932C34.4639 37.8655 34.5286 37.8285 34.6026 37.8008C34.4362 37.7915 34.279 37.773 34.1126 37.7638C33.2436 38.0873 32.3654 38.4109 31.4965 38.7252C30.951 39.0488 30.4056 39.3816 29.8602 39.7051C29.6938 39.927 29.5181 40.1489 29.3517 40.3707C29.1299 40.5556 28.908 40.7405 28.6954 40.9162C28.2331 41.0641 27.9558 41.4246 27.6877 41.7944C25.6632 43.819 24.4059 46.3057 23.4445 48.9589C23.4353 49.19 23.426 49.4303 23.426 49.6615C23.0562 50.2439 23.0007 50.9002 22.936 51.5566C22.9453 51.8802 22.9638 52.2037 22.973 52.5273C22.973 53.7106 22.973 54.8938 22.973 56.0771C22.8898 56.8444 23.0655 57.5563 23.4075 58.2404C23.4168 58.3143 23.426 58.3883 23.4352 58.4622C23.3983 58.9984 23.4537 59.5161 23.9067 59.8951C24.8219 62.5853 26.3472 64.8687 28.418 66.81C28.4088 66.8932 28.4088 66.9857 28.3995 67.0689C29.6845 68.3631 31.2191 69.2598 32.9201 69.8884C33.105 69.8792 33.2899 69.8607 33.484 69.8515C35.6472 70.5078 37.8197 70.8868 40.1123 70.8776C43.3109 70.8776 46.1582 69.9809 48.8114 68.2706C49.135 68.0673 49.3846 67.6975 49.8375 67.7345C50.2813 67.5403 50.5309 66.7361 51.0393 67.0319C51.557 67.3369 51.2612 68.0488 51.2057 68.5665C51.0208 70.2212 50.4477 71.7651 49.5879 73.1887C49.1535 73.4938 48.7467 73.8174 48.645 74.3813C48.4971 74.3998 48.3584 74.409 48.2105 74.4275C47.9609 74.7233 47.7113 75.0191 47.4617 75.3242C47.4617 75.4074 47.4709 75.4906 47.4709 75.583C43.6622 78.9018 36.1649 78.5968 32.9109 73.9653C32.3654 73.1887 31.7183 72.9576 30.8124 72.9761C28.9172 73.0223 27.0221 72.9853 25.127 72.9761C25.0345 73.2534 25.0623 73.5215 25.1732 73.7804C26.3195 76.5537 27.8541 79.059 30.3316 80.8339C30.3779 80.8616 30.4056 80.8894 30.4426 80.9171C31.8108 81.8416 34.7228 83.3577 39.7148 83.9586C41.425 84.0787 43.1353 83.9955 44.8455 83.6442C45.5296 83.6905 46.186 83.6258 46.7591 83.182C46.8331 83.1635 46.8978 83.1543 46.9717 83.145C47.0642 83.1635 47.1659 83.1913 47.2583 83.2098C48.5156 82.9232 49.6434 82.3223 50.7805 81.7306C50.799 81.6659 50.8082 81.592 50.8082 81.518C51.9175 80.8432 52.8512 79.9372 53.8496 79.1144C54.9405 77.6908 55.9389 76.2117 56.7432 74.6124C56.965 73.2534 57.5382 71.9869 57.834 70.628C58.1483 69.1396 58.2223 67.6513 58.2223 66.1537C58.1946 57.2512 58.1668 48.3118 58.2131 39.3631ZM50.2905 56.3452C50.3182 56.4377 50.346 56.5394 50.3737 56.6318C50.2073 57.2882 50.2535 58.037 49.5694 58.4807C49.5509 59.1556 49.2736 59.6548 48.6265 59.9136C48.3862 60.2279 48.1458 60.5422 47.9054 60.8473C47.5172 61.5037 46.9995 62.0306 46.2969 62.3449C42.858 65.3956 36.1834 64.6561 33.6412 61.328C30.5997 58.2958 29.8509 54.6997 31.025 50.6321C31.0897 50.6321 31.1636 50.6229 31.2191 50.5952C31.2653 50.1976 31.6074 49.8741 31.4965 49.4396C31.6444 49.19 31.7923 48.9311 31.9494 48.6815C32.0234 48.6908 32.1066 48.7 32.1805 48.7093C32.6982 47.5167 33.863 46.8974 34.6211 45.9174C34.843 45.7418 35.0648 45.5569 35.2959 45.3813C35.6472 45.4645 35.8876 45.2149 36.1742 45.0947C39.2618 43.7635 42.3125 43.5878 45.2985 45.3998C45.4556 45.409 45.6035 45.4182 45.7515 45.4182C47.0827 46.2965 48.1735 47.4243 49.0887 48.7278C49.1719 49.0329 49.2551 49.3379 49.3476 49.643H49.3383C49.3476 49.6522 49.3476 49.6522 49.3476 49.6615C50.6048 51.76 50.8082 54.0064 50.2905 56.3452Z" fill="#846A00"/>
+</svg>

members_lumbung_space/static/svg/kios_lumbung.svg

@@ -0,0 +1,6 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#FCCFB8"/>
+<path d="M77.1729 41.101C76.7753 41.1379 76.3778 41.1287 75.9803 41.1842C75.8509 41.1934 75.7307 41.2304 75.6105 41.2674C75.5088 41.3321 75.4164 41.4245 75.3517 41.5262C75.3332 41.5817 75.3332 41.6464 75.3147 41.7019C74.908 41.4615 74.6214 41.7296 74.344 42.0716C74.0667 42.4044 73.8448 42.765 73.6045 43.1255H73.6137C73.4751 43.2549 73.3364 43.3936 73.2255 43.5508C73.1515 43.6524 73.0775 43.7634 73.0128 43.8743C72.9666 44.0037 72.9481 44.1331 72.9389 44.2626C72.0144 46.6107 71.7741 48.9773 72.8279 51.3531C73.2624 52.0095 73.5583 52.7675 74.1776 53.2945C74.2793 53.4609 74.418 53.581 74.5752 53.6735C74.6306 53.692 74.6676 53.7197 74.7046 53.7659C74.8617 53.8491 75.0189 53.8584 75.1576 53.7752C76.1745 54.561 77.3115 54.8568 78.5873 54.5979C79.1697 54.487 79.7428 54.3391 80.316 54.2097C80.9446 53.6735 81.5732 53.1373 82.1926 52.6011C82.6826 51.8801 83.4314 51.3346 83.6163 50.4194C83.9583 48.9403 83.8936 47.4335 83.9029 45.9266C83.7827 45.5106 83.607 45.1223 83.4221 44.734C82.1279 41.8405 80.2051 40.4261 77.1729 41.101Z" fill="#F04B1E"/>
+<path d="M55.0592 51.0482C52.5817 51.0482 50.0949 51.0667 47.6174 51.039C46.9518 51.0297 46.5727 51.4088 46.1752 51.8248C43.7809 54.2931 41.3958 56.7613 38.9922 59.2111C38.6502 59.5624 38.3729 60.0246 37.8274 60.1726C37.5131 59.5994 37.6426 59.0724 37.6426 58.564C37.6333 49.4951 37.6148 40.4355 37.661 31.3667C37.6703 30.2943 37.4669 29.8136 36.2744 29.9153C34.9432 30.0262 33.5935 30.0355 32.2715 29.9153C30.9033 29.7859 30.626 30.3036 30.626 31.5885C30.6722 47.3319 30.6537 63.0846 30.663 78.8279C30.663 79.2994 30.7369 79.7709 30.7831 80.2424C30.8756 80.2608 30.9773 80.2701 31.0697 80.2886C33.1682 80.2886 35.2667 80.2886 37.3652 80.2886C37.4392 80.2423 37.5224 80.2239 37.6148 80.2331C37.6241 76.9883 37.6241 73.7527 37.6426 70.5079C37.6426 70.0087 37.4392 69.454 37.9199 69.038C38.4191 68.0581 38.8351 68.0858 39.5099 68.9733C42.385 72.7728 45.3247 76.5168 48.246 80.2793C51.0101 80.2793 53.7742 80.2886 56.5383 80.2886C57.093 79.9743 56.6123 79.7247 56.4551 79.5213C52.4707 74.4461 48.4956 69.3523 44.4465 64.3233C43.7439 63.4451 43.8641 63.0198 44.6222 62.2988C48.4216 58.7027 52.1657 55.0326 55.9282 51.3995C55.734 51.0852 55.4105 51.0482 55.0592 51.0482Z" fill="#F04B1E"/>
+<path d="M88.1074 69.5742C87.5342 69.602 86.9795 69.8146 86.5266 70.3046C86.5173 70.3138 86.5081 70.3138 86.4988 70.323C86.0643 71.1088 85.7315 72.0702 85.2138 72.8283C85.0105 73.1334 84.6407 73.3275 84.4096 73.6603C84.0305 74.1965 83.6977 74.8436 83.291 75.4168C82.875 76.0084 82.5422 76.7572 82.1724 77.1732C82.043 77.3211 81.7656 77.3026 81.6085 77.4505C81.1093 77.922 80.8227 78.6154 80.3235 78.9297C78.9461 79.8079 77.5594 78.3658 77.4392 76.8034C77.356 75.6571 77.9107 74.3167 78.0771 73.1888C78.2712 71.9131 78.2158 70.3138 78.641 69.2045C78.8166 68.733 79.3158 68.2893 79.6024 67.7253C79.8243 67.2816 79.8613 66.7732 80.0831 66.4311C80.3235 66.0521 80.7765 65.821 80.9614 65.4142C81.3127 64.6377 81.2757 63.8427 81.0446 63.0014C80.8412 62.2896 80.1294 60.9769 79.6024 60.4037C78.6965 59.4423 77.1711 58.7952 76.0803 58.1758C75.4332 57.806 74.7676 57.4362 74.3146 57.3438C72.7153 57.0017 71.2824 58.3791 70.9496 59.6549C70.5151 61.3281 70.2377 63.4266 69.3503 64.7486C69.036 65.2108 68.5183 65.368 68.1485 65.7655C67.8712 66.0613 67.5846 66.5143 67.2703 66.8749C66.9559 67.2354 66.5492 67.6329 66.3088 67.9842C66.1055 68.28 66.0407 68.7145 65.8281 69.0011C65.4861 69.4633 64.9499 69.8423 64.5431 70.2953C64.3398 70.5264 64.1918 70.8038 63.9792 71.0349C63.7851 71.2475 63.443 71.3769 63.2582 71.5895C62.9346 71.9686 62.7867 72.5233 62.4539 72.8838C61.5941 73.8175 60.4108 74.3352 59.6528 75.389C59.4309 76.6001 58.3678 77.5522 57.0921 76.9606C57.0828 76.9513 57.0736 76.9329 57.0643 76.9236C54.8087 78.7725 51.9244 79.8911 49.1695 80.7139C48.6241 80.871 48.0787 81.0282 47.5333 81.1669C47.2652 81.4442 47.0248 81.666 46.9046 81.9711C46.5718 82.8771 46.7382 83.7553 46.9878 84.2915C47.7274 85.8723 50.3991 87.6565 52.1185 87.9061C54.6977 88.2851 55.2432 86.843 57.0089 86.2421C57.8778 85.9463 58.904 85.9925 59.6528 85.595C60.078 85.3731 60.5033 84.8831 60.9378 84.5781C61.4555 84.2083 61.8345 83.894 62.2228 83.4687C63.3136 82.2577 64.4599 81.0559 65.4306 79.8541C66.1517 78.9482 66.8265 78.412 67.5938 77.6354C68.0468 77.1732 68.1855 76.6001 68.5553 76.1563C68.8511 75.7958 69.1839 75.5277 69.5167 75.5092C71.1622 75.3983 70.8756 78.0237 71.042 79.4936C71.874 80.7878 72.9834 82.5535 74.7306 83.5704C76.5795 84.6428 79.852 85.3823 82.0984 85.142C82.7825 85.068 83.1153 84.7814 83.6977 84.5873C84.123 84.4486 84.6314 84.4579 84.9827 84.31C86.0089 83.8847 86.8039 82.7384 87.867 82.3686C88.5973 81.2685 89.4756 80.3441 90.2059 79.2532C90.6126 76.0177 89.9193 72.514 88.3292 69.6852C88.2553 69.6482 88.1813 69.6112 88.1074 69.5742Z" fill="#F04B1E"/>
+</svg>

members_lumbung_space/static/svg/pen_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#E0005C"/>
+<path d="M100.607 59.0076C100.653 58.5454 100.126 58.1848 99.7102 58.268C99.6825 58.1571 99.6363 58.0554 99.5808 57.9445C99.5253 57.6579 99.3035 57.3898 99.0354 57.2881C98.9244 57.2419 98.8043 57.2327 98.6841 57.2234C97.0755 56.7335 94.4593 58.5546 93.4794 59.248C91.2885 60.8011 89.1807 62.4835 87.1377 64.2215C86.999 64.2677 86.8511 64.3047 86.7032 64.3232C86.6108 64.3417 86.5183 64.3325 86.4351 64.3047C85.8712 64.7392 85.2888 65.1552 84.6972 65.5435C84.2996 65.941 83.8929 66.3385 83.4861 66.7268C82.7373 66.8932 82.1642 67.6327 81.4338 68.0672C81.0086 68.3168 80.3245 68.3723 79.8253 68.6866C79.2152 69.0656 78.716 69.8514 78.0411 70.3414C77.5419 70.7019 76.9318 70.8128 76.4326 71.1641C75.6006 71.7558 74.8333 72.7357 73.9366 73.4383C72.9659 74.1963 72.0784 74.7972 71.1077 75.3796C70.3774 75.5275 69.7396 75.3796 69.0185 75.8603C67.6503 76.7663 66.467 77.4966 64.9139 78.0975C64.7845 78.1437 64.6921 78.2269 64.6181 78.3194C64.1096 78.6059 63.6752 79.1699 63.2129 79.4287C62.5843 79.78 61.8817 79.8447 61.1607 80.1498C60.643 80.3717 60.19 80.7969 59.6446 80.9726C59.0159 81.1852 57.9158 81.2591 56.9637 81.3885C54.4676 81.7306 52.554 81.6104 52.2305 79.327C52.0086 77.774 52.6927 76.8125 53.3028 75.5091C54.0794 73.8358 54.4954 72.4121 55.3551 71.2751C56.0392 70.97 56.4922 70.4153 57.1393 70.2397C58.4335 69.8884 59.6261 70.3506 60.8001 70.4431C63.3608 70.6557 65.145 70.0086 66.8738 69.306C67.7982 68.9269 68.8428 68.7791 69.7303 68.3723C70.6085 67.9748 71.2279 67.226 72.0507 66.9302C72.7533 66.6713 73.5391 66.7083 74.2786 66.4125C75.314 66.0057 76.183 64.9333 77.4033 64.7577C77.9209 64.277 78.2537 63.8702 78.8361 63.5189C79.548 63.0844 80.5741 63.1029 81.517 62.6962C82.5062 62.2617 83.6987 61.1616 84.5492 60.2186C85.4644 59.211 86.4721 58.0277 86.8696 56.9183C88.0622 53.6181 86.1578 50.2068 85.1779 47.7293C84.3551 47.2856 83.9206 46.2317 83.218 45.6678C81.6742 44.4198 79.6682 43.8929 77.773 42.7743C76.5897 42.0809 74.5652 41.3968 73.4836 41.4338C72.818 41.4523 72.0045 41.9238 71.1632 42.1549C69.4253 42.6356 68.3344 43.0516 66.9662 43.8097C66.3283 44.1609 65.6073 44.4753 65.182 44.845C64.8585 45.1224 64.692 45.5569 64.3777 45.8804C63.3423 46.925 62.0389 47.8125 60.985 48.8756C60.6615 49.1992 60.4026 49.7169 60.0883 50.1144C59.3395 51.0666 58.7756 51.6582 58.036 52.5919C57.3242 53.4794 57.0376 54.2005 56.5199 55.1712C55.8543 56.4376 54.8836 57.5655 54.4676 58.9891C52.4431 60.7918 51.6943 63.9996 50.1042 66.0242C49.605 67.2629 49.0596 68.4925 48.4495 69.6943C48.1444 70.7019 47.7654 71.6911 47.2292 72.5601C47.3401 73.2811 46.9149 73.8913 46.5174 74.6863C46.2493 75.2225 46.0459 75.8603 45.8055 76.3411C45.1584 77.5891 44.2525 78.4858 44.3726 79.6413C44.4836 80.6675 45.3895 81.2037 45.8055 82.1189C48.3293 83.4778 50.7883 86.2604 54.0147 86.7596C54.4399 86.8243 55.1979 86.852 55.7988 86.7596C57.0931 86.5655 58.7663 85.9091 60.4396 85.7242C60.7909 85.6872 61.1699 85.7797 61.512 85.7242C63.1667 85.4654 63.8231 84.4485 64.9971 83.9678C65.219 83.8753 65.4501 83.8661 65.672 83.8291C65.6812 83.7736 65.6905 83.7182 65.6905 83.6719C66.7721 83.3022 67.789 82.803 68.7319 82.1466C68.7689 82.1743 68.8059 82.2021 68.8428 82.2205C69.5269 81.8877 70.2942 81.6936 70.9691 81.2776C71.4405 80.991 71.8103 80.4364 72.3095 80.1405C72.744 79.8817 73.3079 79.8817 73.7332 79.6228C74.2694 79.2993 74.7686 78.7354 75.3417 78.3841C75.9611 78.0051 76.6822 77.737 77.2184 77.3487C77.5789 77.0806 77.8192 76.6369 78.1983 76.4243C79.095 75.9158 80.1396 75.8973 80.9624 75.3889C82.1457 74.6678 82.8575 73.7618 83.7265 72.6063C84.8358 72.1903 85.5846 71.5616 86.4074 70.9515C86.8604 70.6187 87.2856 70.3414 87.7478 70.027C88.284 69.6573 88.8017 69.269 89.3102 68.8715C89.3194 68.853 89.3194 68.8253 89.3287 68.8068C89.3471 68.7513 89.3749 68.6866 89.4026 68.6219C90.5212 67.9378 91.6028 67.1983 92.6382 66.3847C92.9525 66.1351 93.2668 65.8578 93.5719 65.562C93.5904 65.5527 93.6089 65.5435 93.6366 65.5342C93.8122 65.4418 93.9139 65.3216 93.9694 65.1829C94.1728 64.9796 94.3761 64.7762 94.5795 64.5636C94.5888 64.5543 94.598 64.5543 94.6073 64.5451L94.8106 64.3971C96.9831 63.2416 100.311 61.6978 100.607 59.0076ZM60.1807 62.4096C60.8741 61.633 61.2901 60.6069 61.6044 59.3127C62.0296 58.8782 62.4919 58.4807 62.7692 57.8705C63.0928 57.9352 63.1112 57.6487 63.3978 57.6672C64.6458 56.5023 65.7829 55.1711 67.1511 54.0525C67.5948 53.692 68.1772 53.1651 68.4915 52.5087C71.2649 51.3901 74.482 45.788 77.5974 49.4118C78.0966 51.1128 77.6991 52.8878 76.9688 54.3669C76.6082 55.0972 75.8224 55.7628 75.4527 56.641C75.0089 57.6857 74.9812 58.4437 74.2878 59.1185C73.7332 59.6732 72.6146 60.459 71.6069 61.0784C70.5438 61.744 69.5454 62.5852 68.8428 62.8348C68.2419 63.0474 67.5763 62.992 66.9662 63.2508C65.293 63.9627 64.313 65.2199 62.8616 65.7284C61.5951 66.1721 59.9866 66.1998 58.8403 65.7284C57.8141 64.1938 59.395 63.2971 60.1807 62.4096Z" fill="#FEDAE9"/>
+<path d="M45.6303 40.4447C43.6427 38.8269 41.3871 37.736 38.9003 37.1259C37.227 36.8855 35.5446 37.0057 33.8713 37.0612C31.7451 37.7083 29.6928 38.4941 28.1582 40.2043C27.7699 39.8068 27.8346 39.4555 27.8809 39.169C28.1212 37.7823 27.4464 37.4957 26.2169 37.5789C24.8672 37.6713 23.5082 37.5974 22.1493 37.5974C21.6501 37.5974 21.0862 37.4865 20.8735 38.1521C20.9013 38.4756 20.9475 38.7992 20.9475 39.132C20.9475 52.8693 20.9475 66.6066 20.9475 80.3532C20.9475 80.6768 20.9013 81.0003 20.8735 81.3331C20.892 81.481 20.9105 81.629 20.929 81.7769C20.9382 81.7769 20.9382 81.7769 20.9475 81.7769C22.8796 82.1374 24.8302 81.8046 26.753 81.9617C27.7237 82.0357 27.9548 81.5827 27.9271 80.7692C27.9271 75.1208 27.9271 69.4724 27.9271 63.6207C27.9271 63.5929 27.9271 63.5652 27.9271 63.5467C27.9456 63.5652 27.9641 63.5744 27.9733 63.5929C33.3536 68.7051 39.5289 67.9563 44.1604 64.6653C46.3883 63.0752 47.849 60.8843 49.0046 58.453C51.3434 51.7969 50.5114 45.7418 45.6303 40.4447ZM43.1805 52.1852C42.9864 55.7443 41.8585 58.8413 38.3919 60.4221C34.1764 62.3449 29.1936 59.9321 28.001 55.4485C26.9749 51.612 27.243 47.905 30.3769 45.0762C34.1671 41.6465 39.8248 42.8668 42.0897 47.452C42.82 48.9311 43.2729 50.4842 43.1805 52.1852Z" fill="#FEDAE9"/>
+</svg>

members_lumbung_space/static/svg/shouts_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#CB001D"/>
+<path d="M44.0773 60.9028C42.2838 59.9691 40.3702 59.285 38.5768 58.3698C36.238 57.1773 34.5462 55.4023 33.9638 52.7399C33.1595 49.0698 33.6772 44.7804 39.1037 44.4661C43.5226 44.2165 46.1665 45.7141 46.4531 50.6969C46.5178 51.8155 46.5733 52.971 46.4069 54.0711C46.2405 55.2174 46.6103 55.3746 47.6457 55.2822C49.0231 55.162 50.4282 55.2174 51.8149 55.2452C52.3141 55.2544 52.5915 55.2082 52.5545 54.6073C52.4251 52.3979 52.7024 50.1977 52.3788 47.979C51.7132 43.3105 49.2634 40.3615 44.8908 39.3261C41.7477 38.5773 38.5583 38.5034 35.3967 39.2429C31.061 40.2598 28.1952 42.8298 27.3632 47.3319C26.864 50.0683 27.0859 52.7861 27.8809 55.4578C29.092 59.4976 32.0225 61.9382 35.5908 63.7963C37.6154 64.8502 39.7878 65.599 41.7661 66.7546C45.5564 68.964 47.1095 72.2828 46.6657 76.5907C46.3884 79.2439 45.2421 80.5566 42.7091 81.0835C41.8678 81.2592 40.9988 81.3424 40.1391 81.3332C35.7572 81.2869 33.6587 79.2809 33.4184 74.9082C33.3537 73.7434 33.289 72.5694 33.3999 71.423C33.5016 70.3969 33.1873 70.1288 32.2073 70.2767C31.5048 70.3877 30.7744 70.2582 30.0719 70.3414C29.018 70.4616 27.5758 69.7128 27.0304 70.4431C26.5127 71.1457 26.9195 72.5324 26.9195 73.6232C26.901 73.6232 26.8733 73.6232 26.8548 73.6232C26.8548 74.409 26.827 75.204 26.864 75.9898C27.1136 81.518 29.9794 85.1419 35.2211 86.4731C38.0961 87.2034 41.0266 87.2866 43.9386 86.7319C48.2558 85.8999 51.3434 83.5703 52.5545 79.1792C53.2755 76.563 53.2663 73.9006 52.6931 71.2566C51.63 66.3201 48.3852 63.14 44.0773 60.9028Z" fill="#FFD9DD"/>
+<path d="M85.0495 38.6974C81.7307 37.7914 81.3517 37.5418 81.0282 38.7159L76.4798 55.3837C76.1933 56.4191 75.9806 57.1864 75.3797 57.2418C74.557 57.2418 72.1719 56.4468 71.571 56.2065C70.7482 55.6795 70.9516 54.9215 71.2752 53.7474L75.6941 37.5603C75.9991 36.451 75.842 36.1921 72.1812 35.1845C68.8624 34.2785 68.5943 34.4264 68.3077 35.4618L55.7167 81.5456C55.4578 82.5071 55.5873 82.5533 58.98 83.4777C62.5761 84.4669 62.7887 84.5131 63.0938 83.413L68.1413 64.9425C68.3909 64.0365 68.5573 63.4172 69.1675 63.3617C69.4633 63.3709 72.5417 64.0643 73.3182 64.4988C73.9191 64.7299 73.7342 65.4232 73.5031 66.2552L68.4926 84.5871C68.1321 85.8998 68.2522 86.0107 71.9223 87.0091C75.5924 88.0075 75.6016 87.9428 75.9621 86.6301L88.4792 40.8329C88.7843 39.7235 88.5809 39.668 85.0495 38.6974Z" fill="#FFD9DD"/>
+</svg>

members_lumbung_space/static/svg/social_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#C2E4F2"/>
+<path d="M65.008 76.4427C66.4408 81.4809 69.6209 84.698 74.8718 85.6687C77.6544 86.1864 80.4647 86.1772 83.2566 85.946C89.8387 85.3914 93.6567 82.202 95.5148 75.8788C96.4393 72.7541 96.809 69.5463 97.0032 66.3107C97.3729 59.9782 97.4376 53.6458 96.0232 47.415C94.7752 41.9237 91.7893 38.0595 85.9375 37.0057C82.97 36.4695 79.984 36.4325 76.9888 36.6359C69.9445 37.1166 65.9971 40.4261 64.3886 47.2763C63.2515 52.1204 63.196 57.0477 63.2515 61.9843C63.2607 65.1737 63.4641 68.363 63.9171 71.5154C64.139 73.1701 64.5457 74.8249 65.008 76.4427ZM78.9394 51.4733C78.9949 50.7984 79.0596 49.8832 80.0487 49.9017C81.0564 49.9202 81.1581 50.7522 81.2783 51.5565C81.7035 54.4315 81.5186 57.3343 81.5833 60.2186C81.5279 63.1583 81.6758 66.1073 81.2598 69.0286C81.1488 69.8236 81.0287 70.6926 80.0303 70.7019C79.0503 70.7111 78.9949 69.7682 78.9394 69.0933C78.4587 63.2138 78.431 57.3436 78.9394 51.4733Z" fill="#0163A4"/>
+<path d="M75.7954 59.2389C76.0635 57.8984 76.082 56.6042 75.8694 55.3562C75.3425 55.8831 74.7785 56.3731 74.1776 56.8168C73.4843 57.3345 72.8187 57.7875 72.2455 58.2405C71.5245 58.8044 70.8311 59.3406 70.1378 59.8675C69.3982 60.4222 68.5477 60.6718 67.7619 61.1895C67.3182 61.4853 67.0039 61.9938 66.5324 62.3081C65.0533 63.2787 63.5465 64.2217 62.1413 65.1554C61.5681 65.5344 61.0967 66.0059 60.6437 66.1723C59.7747 66.4866 58.6746 66.4496 58.1847 66.7824C57.8149 67.032 57.4544 67.7623 56.9552 68.1044C56.0584 68.7238 54.8381 68.8717 53.3498 69.223C51.5656 69.639 50.521 71.1643 49.3099 71.1551C49.162 71.1551 48.5334 70.9424 48.4317 70.85C47.5165 69.9718 48.5704 68.4649 48.783 67.5959C49.0603 66.5051 48.8385 65.0537 49.0511 63.9351C49.2082 63.0754 49.5873 62.6686 49.6705 62.003C50.1789 61.4391 50.5949 61.2357 50.9 60.681C51.9076 58.8876 50.974 55.1806 51.7782 52.8602C51.9169 52.4719 52.2867 52.1021 52.5732 51.6399C52.7766 51.3071 52.9708 50.7894 53.1926 50.5213C53.5162 50.1238 54.0154 49.9204 54.2465 49.6061C55.1894 48.3119 54.8104 47.3967 54.0708 46.1487C53.1371 44.5679 52.0093 43.588 50.9092 42.3862C48.6998 41.36 45.2516 39.6128 42.3858 40.9625C41.8126 42.3307 42.4967 44.5956 41.9421 46.047C41.6 46.2504 41.6555 46.5092 41.5908 46.8605C40.5646 47.637 39.9638 48.9035 39.3906 50.2163C38.0224 51.4643 37.0795 53.1468 35.8777 54.5889C35.3507 55.2268 34.5372 55.7075 33.8531 56.3176C33.1136 56.974 32.5127 57.8337 31.8286 58.3514C29.3418 60.2558 27.2156 62.6131 24.886 64.8503C24.1464 65.0075 23.5917 65.747 22.8614 66.1723C22.4454 66.4126 21.7706 66.4773 21.2806 66.7824C20.6797 67.1614 20.1805 67.9287 19.5241 68.4094C19.0342 68.7607 18.4241 68.8717 17.9433 69.223C17.1298 69.8054 16.3625 70.7668 15.4843 71.4601C14.1901 72.4678 13.053 73.1888 11.6756 73.9746C10.8528 75.1764 10.141 76.4522 9.64178 77.8019C9.50312 78.1809 9.3737 78.5969 9.28125 79.0129C9.6233 79.4659 10.03 79.8356 10.483 80.113C11.1579 79.7894 11.9159 79.5953 12.5815 79.1885C13.0438 78.902 13.4135 78.3658 13.9035 78.0699C14.3287 77.8111 14.8927 77.8111 15.3087 77.5615C15.8356 77.2472 16.3256 76.6833 16.8895 76.3412C17.4996 75.9622 18.2114 75.7034 18.7384 75.3243C19.0989 75.0655 19.33 74.6217 19.709 74.4091C20.5965 73.9007 21.6134 73.8914 22.4362 73.3922C23.601 72.6804 24.3036 71.7837 25.1633 70.6466C26.2541 70.2306 26.9937 69.6205 27.798 69.0196C28.2417 68.6868 28.667 68.4187 29.1199 68.1044C31.8286 66.2555 34.1027 63.9813 36.4139 61.8089C36.8021 61.4391 37.3291 61.2542 37.7358 60.8937C38.0224 60.6441 38.2165 60.2281 38.5308 59.9785C38.8544 59.7196 39.3351 59.6364 39.6772 59.3683C40.8882 58.4069 41.5353 56.105 43.4582 56.4193C44.7432 57.2513 43.8557 59.1372 43.5506 60.792C43.3195 62.04 43.2733 63.1401 42.9312 64.2494C42.8018 64.6654 42.5522 65.0444 42.4043 65.4697C42.053 66.4681 41.8681 67.5497 41.5261 68.317C41.3042 68.807 40.8142 69.2137 40.4722 69.7407C40.0839 70.3323 39.9268 71.0811 39.594 71.4694C39.3628 71.7282 38.9284 71.9408 38.6233 72.2829C37.6341 73.4107 35.9146 74.594 34.3153 74.6217C32.6513 74.6495 31.1537 73.4754 29.3048 73.2998C27.5391 73.1334 26.0508 73.688 24.1187 73.6049C23.8968 73.9561 23.3606 73.9469 23.0648 74.215C21.5117 76.258 23.5825 79.1423 24.738 80.4088C26.1247 81.9341 27.308 82.5628 29.3048 83.5612C30.6175 84.2175 32.032 84.9109 33.169 84.9848C34.0103 85.0403 35.1012 84.7352 36.155 84.6798C37.2181 84.6243 38.3367 84.7352 39.141 84.4764C39.5477 84.347 39.8528 83.9217 40.2873 83.6629C40.7588 83.3763 41.3134 83.2746 41.6093 83.0527C41.9883 82.7754 42.3026 82.2392 42.6631 81.8325C43.0422 81.3887 43.5784 81.0836 43.8927 80.7139C44.2162 80.3441 44.3641 79.8541 44.6877 79.4936C45.2054 78.9204 45.7878 78.5507 46.1853 77.8666C47.3871 77.3489 48.5057 76.6001 49.6982 76.1378C50.7336 75.7403 51.8152 75.6294 52.7766 75.1209C53.9692 74.4923 55.3004 73.8729 56.5576 73.1888C57.556 72.6434 58.5637 72.3661 59.5436 71.8669C60.1722 71.5433 60.6714 70.887 61.3 70.5449C61.7993 70.2768 62.3632 70.36 62.8809 70.1382C63.6851 69.7961 64.4709 68.9734 65.2567 68.4094C66.6434 67.4203 67.8914 66.4773 69.7403 65.9689C69.9899 65.6084 70.4521 65.5067 70.7109 65.1554C72.4766 64.7486 73.8079 63.3804 75.213 62.3081C75.4996 61.5315 75.7677 60.7458 76.0173 59.96C76.0266 59.9045 76.045 59.8398 76.0543 59.7843C75.8509 59.6641 75.7492 59.47 75.7954 59.2389Z" fill="#0163A4"/>
+</svg>

members_lumbung_space/static/svg/sounds_lumbung.svg

@@ -0,0 +1,5 @@
+<svg width="116" height="116" viewBox="0 0 116 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M58 116C90.0325 116 116 90.0325 116 58C116 25.9675 90.0325 0 58 0C25.9675 0 0 25.9675 0 58C0 90.0325 25.9675 116 58 116Z" fill="#CA14D4"/>
+<path d="M34.5744 75.7958C34.0659 77.6632 33.1692 79.9651 32.0414 81.1299C28.889 84.347 27.0772 85.3269 22.5936 84.1066C17.4814 82.7107 14.3937 78.5877 15.9375 72.9115L16.8897 69.4264C17.0468 68.8624 17.62 68.9549 20.116 69.6297C22.6028 70.3138 23.7953 70.6374 23.6567 71.1366L22.9448 73.7528C22.3162 76.0639 22.3809 77.5523 24.2483 78.0607C25.9308 78.5229 26.7073 77.3951 27.1233 76.369C27.4746 75.3243 27.7982 74.4091 28.0293 73.5402C29.5176 68.1136 19.8017 57.3623 22.344 48.0161C22.8247 46.2781 24.35 43.6157 25.5518 42.3954C26.7536 41.1844 29.7118 39.1784 33.9458 40.3339C39.2429 41.7761 41.7204 46.6756 40.4816 51.2239L39.6496 54.2839C39.5294 54.7184 38.679 54.4133 36.5527 53.8401C34.1861 53.193 32.9381 52.851 33.0583 52.4165L33.8441 49.5507C34.3156 47.8035 33.4281 46.426 32.365 46.1395C31.2464 45.8251 30.1001 46.5832 29.6933 47.5539C29.3143 48.4506 29.0462 49.1809 28.8336 49.9944C26.8276 57.3346 37.3477 65.6361 34.5744 75.7958Z" fill="#ECC5EC"/>
+<path d="M96.6239 57.2881C96.5407 55.8275 95.607 43.9021 80.6494 39.6034C65.6918 35.3047 55.1161 41.9515 54.016 42.728C52.9159 43.5046 52.5553 42.3398 52.5553 42.3398C44.9286 35.7207 42.1183 46.1947 42.0998 46.2872C41.7393 48.7092 42.1645 51.0296 43.6621 53.239C43.8563 53.8122 44.2445 54.2097 44.6698 54.5887C45.474 55.5132 45.5572 56.6225 45.548 57.8336C45.5018 63.1861 45.5757 68.5387 45.511 73.8913C45.4833 76.7201 46.3153 79.0774 48.2659 80.991C48.2751 81.0742 48.2844 81.1482 48.3121 81.2221C48.46 81.2406 48.608 81.2684 48.7559 81.2869C48.7466 81.3885 48.7466 81.481 48.7374 81.5827C51.1872 83.0341 53.7294 82.4701 55.8094 80.0019C55.8741 79.8724 55.9573 79.7708 56.059 79.6691C56.0405 79.5027 56.0313 79.3363 56.0128 79.1791C56.3641 78.4858 56.7061 77.8017 57.0574 77.1083C57.0574 71.1087 57.1036 65.109 57.0389 59.1093C57.0204 57.6117 57.307 56.4839 58.629 55.8183C58.6475 55.7535 58.6567 55.6888 58.6475 55.6149C59.5257 55.014 60.1636 54.0063 61.2729 53.8029C61.3284 53.7567 61.3838 53.7197 61.4393 53.6828C61.5317 53.3685 61.7352 53.2298 62.0402 53.276C62.1049 53.239 62.1696 53.2021 62.2436 53.1743C62.3268 52.9802 62.4562 52.9155 62.6411 52.9987C70.0274 49.6244 76.8592 50.706 83.1917 55.9107C84.0329 56.604 84.3749 57.3991 84.3657 58.5454C84.3195 63.8887 84.3565 69.232 84.338 74.5753C84.338 76.1377 84.6431 77.5983 85.3919 78.948C85.5583 79.2531 85.6877 79.5859 85.8356 79.9094C86.4919 80.3809 86.9911 81.0557 87.7214 81.4348C90.2637 82.7567 93.0093 82.1651 94.9969 79.8447L95.0154 79.78C95.1171 79.6228 95.2095 79.4657 95.3112 79.3085C95.3112 79.2993 95.3112 79.2993 95.3019 79.29C95.2557 79.2531 95.2095 79.2068 95.1725 79.1514C95.2187 79.1791 95.2557 79.2161 95.2927 79.2531C95.2927 79.2438 95.2834 79.2253 95.2834 79.2161C95.3019 79.2253 95.3112 79.2346 95.3297 79.2438C95.3482 79.2438 95.3667 79.2346 95.3852 79.2346C95.4314 79.1791 95.4776 79.1329 95.5145 79.0774C95.5053 78.9942 95.5331 78.9572 95.607 78.9388L95.6717 78.8371C95.7734 78.1715 96.0045 77.5706 96.3835 77.0344C96.4945 76.2394 96.5962 75.4443 96.7071 74.6493C96.6794 73.9744 96.6146 73.3088 96.6146 72.634C96.6054 67.531 96.5869 62.4373 96.6239 57.3344C96.6239 57.2974 96.6239 57.2974 96.6239 57.2881ZM43.6714 53.2298C43.6899 53.2113 43.7084 53.1928 43.7269 53.1836C43.7269 53.1743 43.6714 53.2205 43.6714 53.2298ZM48.5617 81.1574C48.6357 81.1759 48.7004 81.2037 48.7466 81.2684C48.6819 81.2314 48.6264 81.1944 48.5617 81.1574Z" fill="#ECC5EC"/>
+</svg>

members_lumbung_space/templates/admin.html

@@ -1,49 +1,80 @@
 {% extends "base.html" %}
 {% block content %}
-  <p>
-    Hello, {{ user.preferred_username }} 👋
-  </p>
-
-  <div>
-    <h2>Services</h2>
-    <ul>
-      <li>lumbung.space</li>
-      <li>panduan.lumbung.space</li>
-      <li>cloud.lumbung.space</li>
-      <li>tv.lumbung.space</li>
-      <li>nongkrong.lumbung.space</li>
-      <li>social.lumbung.space</li>
-      <li>pen.lumbung.space</li>
-      <li>books.lumbung.space</li>
-    </ul>
-  </div>
-
-  <div>
-    <h2>Invites</h2>
-    {% if user.preferred_username in invites and invites[user.preferred_username]|length > 0 %}
-      <table>
-        <tr>
-          <th>Link</th>
-          <th>Validity</th>
-          <th>Actions</th>
-        </tr>
-        {% for invite in invites[user.preferred_username] %}
-          <tr>
-            <td>
-              <a class="invite" href="{{ url_for('register_invite', invite=invite.link) }}">
-                {{ url_for('register_invite', invite=invite.link) }}
-              </a>
-            </td>
-            <td> {{ invite.validity }} </td>
-            <td> <a href="{{ url_for('invite_keycloak_delete') }}?invite={{ invite.link }}">delete</a> </td>
-          </tr>
-        {% endfor %}
-        </table>
-      {% endif %}
-
+  <div class="container">
+    <nav class="navbar" role="navigation" aria-label="main navigation">
+      <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="navbar">
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+        <span aria-hidden="true"></span>
+      </a>
+      <div id="navbar" class="navbar-menu">
+        <div class="navbar-end">
+          <div class="navbar-item">
+            <strong>logout</strong>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <div class="logo">
+      <img src="{{ url_for('static', path='svg/lumbung_space_logo.svg') }}" alt="lumbung.space logo">
+    </div>
     <p>
-      <a href="{{ url_for('invite_keycloak_create') }}">Generate</a>
+      Hello, {{ user.preferred_username }} 👋
     </p>
-  </div>
+    <h2>Services</h2>
+    {% set site_list = ("tv","social","shouts","sounds","cloud","kios","pen","gallery","pixel","books") %}
+    <div class="columns is-multiline is-gapless is-mobile">
+      {% for i in site_list %}
+        <div class="column site is-one-fifth-tablet is-one-third-mobile">
+          <a href="https://{{i}}.lumbung.space">
+            <img src="{{ url_for('static', path='svg/' ~ i ~'_lumbung.svg') }}" alt="lumbung.{{i}}">
+            <p>lumbung.{{i}}</p>
+          </a>
+        </div>
+      {% endfor %}
+    </div>
+    <div>
+      <h2>Invites</h2>
+      {% if user.preferred_username in invites and invites[user.preferred_username]|length > 0 %}
+        <table>
+          <tr>
+            <th>Link</th>
+            <th>Validity</th>
+            <th>Actions</th>
+          </tr>
+          {% for invite in invites[user.preferred_username] %}
+            <tr>
+              <td>
+                <a class="invite" href="{{ url_for('register_invite', invite=invite.link) }}">
+                  {{ url_for('register_invite', invite=invite.link) }}
+                </a>
+              </td>
+              <td> {{ invite.validity }} </td>
+              <td> <button class="button is-ghost"><a href="{{ url_for('invite_keycloak_delete') }}?invite={{ invite.link }}">delete</a></button></td>
+            </tr>
+          {% endfor %}
+          </table>
+        {% endif %}
 
+      <p>
+        <button class="button is-ghost"><a href="{{ url_for('invite_keycloak_create') }}">Generate</a></button>
+      </p>
+    </div>
+  </div>
+  <footer class="footer">
+    <div class="content footer-links">
+      <span>
+        Imprint
+      </span>
+      <span>
+        Privacy Policy
+      </span>
+      <span>
+        FAQ
+      </span>
+      <span>
+        Community Agreement
+      </span>
+    </div>
+  </footer>
 {% endblock %}

members_lumbung_space/templates/base.html

@@ -5,9 +5,11 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {% if request.app.state.theme == "default" %}
-      <link href="{{ url_for('static', path='/default.css') }}" rel="stylesheet">
+      <link href="{{ url_for('static', path='css/default.css') }}" rel="stylesheet">
     {% elif request.app.state.theme == "lumbung" %}
-      <link href="{{ url_for('static', path='/lumbung.css') }}" rel="stylesheet">
+      <link href="{{ url_for('static', path='css/lumbung.css') }}" rel="stylesheet">
+      <link href="{{ url_for('static', path='css/bulma.css') }}" rel="stylesheet">
+      <script src="{{ url_for('static', path='js/navbar_hamburger_menu.js') }}"></script>
     {% endif %}
     <title>{% block title %}{% endblock %}</title>
     {% endblock %}

sass_to_transpile.scss

@@ -0,0 +1,8 @@
+
+@import "./bulma/sass/utilities/_all.sass";
+@import "./bulma/sass/grid/columns.sass";
+@import "./bulma/sass/components/navbar.sass";
+@import "./bulma/sass/layout/footer.sass";
+@import "./bulma/sass/helpers/_all.sass";
+@import "./bulma/sass/elements/container.sass";
+@import "./bulma/sass/elements/button.sass";