init

2023-05-09 16:48:31 +02:00
commit 44e1333b3a
5 changed files with 345 additions and 0 deletions
--- a/forms.html
+++ b/forms.html
@@ -0,0 +1,152 @@
+  <!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>malobeo tasklist</title>
+  <title>Bootstrap Example</title>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
+
+<style>
+
+{ margin: 0; padding: 0; }
+
+
+
+body {
+    background-image: url('https://files.libcom.org/files/images/library/anarchists.jpg');
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    -webkit-background-size: cover;
+    -moz-background-size: cover;
+    -o-background-size: cover;
+    background-size: cover;
+    min-height: 100vh;
+    display: flex;
+    flex-direction: column;
+}
+
+footer{
+    margin-top: auto;
+}
+
+.h-divider{
+    margin-left: auto;
+    margin-right: auto;
+    height:1px;
+    width:80%;
+    border-top:1px solid gray;
+}
+
+@media (min-width: 768px) {
+  .row.equal {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
+
+.inherit_height
+{
+    width:inherit;
+    height:100%;
+}
+
+.rgba-gradient {
+  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) 100%);
+}
+
+.rgba-gradient:hover {
+  background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9) 100%);
+}
+
+.card {
+  background-color: rgba(42, 42, 42, 0.2);
+}
+
+.md-form label {
+  color: #ffffff;
+}
+
+h6 {
+  line-height: 1.7;
+}
+
+label {
+    color: #000000;
+}
+
+input {
+    color: #000000;
+}
+
+.black-background {background-color:#ffffff;}
+.white {color:#ffffff;}
+.black {color:#000000;}
+
+
+.about white {
+    color: white;
+    font-size: 14px;
+}
+
+.a {
+  text-decoration:none;
+  color:red;
+}
+
+</style>
+        </head>
+<body>
+  
+<div class="container">
+<div class="row justify-content-center border-0">
+<div class="col-xl-12 mt-5 mb-5">
+    <div class="container">
+    <div class="row col-md-12">
+        <div class="col-12 col-md pl-5">
+            <h2 class='text-light'>tasklist</h2>
+              <h5 class='text-light'>
+                enter your name to make yourself happy
+              </h5>
+        </div>
+    </div>
+    </div>
+</div>
+</div>
+</div>
+
+
+{{range .Tasklists}}
+    <div class="container">
+    <div class="row justify-content-center border-0">
+    <div class="col-xl-12 mt-5">
+    <div class="inherit_height mask rgba-gradient align-items-center border border-secondary rounded">
+    <social class="white">
+          <div class="form-group">
+              <div class="col-md-12 pt-3">
+                <h2>{{.Title}}</h2>
+                {{ if .Updated }}
+                  <h3 class="text-success">Updated</h3>
+                {{end}}
+  <form method="POST">
+    {{range .Tasks}}
+  <div class="mb-3">
+    <label for="Input{{.Name}}" name="Name" class="form-label white">{{.Name}}</label>
+    <input type="text" name={{.Name}} class="form-control" value="{{.Value}}" id="Input{{.Name}}" aria-describedby="{{.Name}}Help">
+    <div id="{{.Name}}Help" class="form-text font-italic">{{.Description}}</div>
+  </div>
+    {{end}}
+    <input type="hidden" name="Name" value="{{.Title}}"/>
+  <input type="submit" class="btn btn-primary"></input>
+</form>
+              </div>
+          </div>
+    </social>
+    </div>
+    </div>
+    </div>
+    </div>
+{{end}}
+    
+</body>
+</html>`