From 600858e63a2f019ad3acb8508557eeb08d40ca43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20V=C3=B6lkl?= <benjamin.voelkl@areya.de>
Date: Sat, 1 Jan 2022 20:02:11 +0100
Subject: [PATCH] .

---
 config.json                        | 51 +++++++++++++++++-
 content/contents/default.blade.php | 85 +++++++++++++++++++-----------
 content/includes/css.blade.php     | 47 +++++++++++++----
 content/includes/footer.blade.php  |  4 +-
 content/index.blade.php            |  8 +--
 content/master.blade.php           |  4 +-
 6 files changed, 147 insertions(+), 52 deletions(-)

diff --git a/config.json b/config.json
index 3203b00..a6ed023 100644
--- a/config.json
+++ b/config.json
@@ -7,6 +7,55 @@
         "name": "Areya Webservices",
         "link": "https://www.areya.de/"
     },
-    "lumino-version": {"min": "2.4", "max": "2.4"}
+    "lumino-version": {"min": "2.4", "max": "2.4"},
+
+    "content-types": [
+        {
+            "name":"Themes",
+            "description":"Themes to display on the Web",
+            "icon":"suitcase",
+            "status":"1",
+            "fields": [
+
+                {
+                    "name": "Short Description",
+                    "type": "text",
+                    "required": "1"
+                },
+
+                {
+                    "name": "Extensive Description",
+                    "type": "textfield",
+                    "required": "0"
+                },
+
+
+                {
+                    "name": "Licence",
+                    "type": "select",
+                    "options": ["Public Domain","LGPL","Permissive","Copyleft","Proprietary"],
+                    "required": "1"
+                },
+
+                {
+                    "name": "Git Location",
+                    "type": "url",
+                    "required": "1"
+                },
+
+                {
+                    "name": "Features",
+                    "type": "select-multiple",
+                    "options": ["Dashboard","Multiuser","Payment", "Subscriptions", "Calendar", "Lead Collector"],
+                    "required": "0"
+                },
+                {
+                    "name": "Demo Link",
+                    "type": "url",
+                    "required": "0"
+                }
+            ]
+        }
+    ]
    
 }
\ No newline at end of file
diff --git a/content/contents/default.blade.php b/content/contents/default.blade.php
index bc47a7c..373cc65 100644
--- a/content/contents/default.blade.php
+++ b/content/contents/default.blade.php
@@ -11,8 +11,15 @@
                 <h1 class="mb-5">{{$content->title}}</h1>
 
             </div>
+
+
+
             <div class="col-9">
 
+                <div class="row">
+
+                </div>
+
 
                 @if ($content->image)
                     <img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy" >
@@ -31,42 +38,49 @@
                 </a>
                 <p class="fs-5 mt-5">
 
-                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, dicta ea exercitationem explicabo itaque nobis perferendis quibusdam repellendus vero voluptates? Ab autem consectetur consequuntur culpa dicta natus repellat veritatis vero?
+                    {!! isset($content->data_fields['short_description'])?$content->data_fields['short_description']:'keine Angaben' !!}
                 </p>
 
-               <h2 class="fs-4 mt-5">Features</h2>
 
-                    <p class="fs-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquam aspernatur consectetur, consequatur debitis, dignissimos eligendi enim facere iste iusto laboriosam natus necessitatibus neque optio quia quis reprehenderit soluta, vitae?
+                @isset($content->data_fields['extensive_description'])
+                   <h2 class="fs-4 mt-5">Features</h2>
 
-                </p>
+                        <p class="fs-5">
+                        {{$content->data_fields['extensive_description']}}
+                        </p>
+                @endisset
 
-            <h2 class="fs-4 mt-5">Screenshots</h2>
 
-                <div class="row">
-                    <div class="col-4 mb-3">
-                        <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+                    <div class="d-none">
+                        <h2 class="fs-4 mt-5">Screenshots</h2>
 
-                    </div>
-                    <div class="col-4 mb-3">
-                        <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+                        <div class="row">
+                            <div class="col-4 mb-3">
+                                <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
 
-                    </div>
-                    <div class="col-4 mb-3">
-                        <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+                            </div>
+                            <div class="col-4 mb-3">
+                                <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
 
+                            </div>
+                            <div class="col-4 mb-3">
+                                <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+
+                            </div>
+
+                            <div class="col-4 mb-3">
+                                <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+
+                            </div>
+
+                            <div class="col-4 mb-3">
+                                <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
+
+                            </div>
+
+                        </div>
                     </div>
 
-                    <div class="col-4 mb-3">
-                        <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
-
-                    </div>
-
-                    <div class="col-4 mb-3">
-                        <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">
-
-                    </div>
-
-                </div>
 
 
 
@@ -75,13 +89,16 @@
             <div class="col-3">
 
                 <div class="bg-ci rounded p-3 border-ci">
+
+                    <!--
                     Lumino Version: <a href="">3.2</a>
                     <br>
                     Lisence: <a href="">2.93</a>
                     <br>
                     Latest Version: <a href="">2.93</a>
                     <br>
-                    Price: <i>free</i>
+                    Price: <i>free</i>-->
+
                     <a  class="btn btn-primary d-block mt-4" data-bs-toggle="modal" data-bs-target="#exampleModal">Install Theme</a>
                 </div>
 
@@ -165,13 +182,17 @@
                     <br>
 
 
-                    <div class="input-group input-group-lg">
-                        <input type="text" id="inputPassword5" class="form-control border-ci rounded" aria-describedby="passwordHelpBlock" readonly value="git@code.areya.de:Areya/alpakas-theme.git">
-                        <div id="passwordHelpBlock" class="form-text">
-                            <br>
-                            Use this link to install the chosen theme into your own Lumino installation. Make sure the Theme is compatible with your Lumino Version.
+                    @isset($content->data_fields['git_location'])
+                        <div class="input-group input-group-lg">
+                            <input type="text" id="inputPassword5" class="form-control border-ci rounded" aria-describedby="passwordHelpBlock" readonly value="{{$content->data_fields['git_location']}}">
+                            <div id="passwordHelpBlock" class="form-text">
+                                <br>
+                                Use this link to install the chosen theme into your own Lumino installation. Make sure the Theme is compatible with your Lumino Version.
+                            </div>
                         </div>
-                    </div>
+                    @endisset
+
+
 
 
 
diff --git a/content/includes/css.blade.php b/content/includes/css.blade.php
index 7566af2..6e3000b 100644
--- a/content/includes/css.blade.php
+++ b/content/includes/css.blade.php
@@ -6,10 +6,6 @@
     }
 
 
-    a, a:hover{
-        color: #24052f;
-    }
-
 
     .card{
         background-color: #caacd536;
@@ -22,7 +18,7 @@
 
     section{
         padding-top: 45px;
-        padding-bottom: 60px;
+        padding-bottom: 45px;
         margin-bottom: 90px;
         padding-left: 1rem;
         padding-right: 1rem;
@@ -34,12 +30,39 @@
 
     }
 
+
+    .bg-ci-animated{
+        background: linear-gradient(318deg, #24052f, #81329d);
+        background-size: 400% 400%;
+
+        -webkit-animation: bg-ci-animated 30s ease infinite;
+        -moz-animation: bg-ci-animated 30s ease infinite;
+        animation: bg-ci-animated 30s ease infinite;
+    }
+
+
+    @-webkit-keyframes bg-ci-animated {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+    @-moz-keyframes bg-ci-animated {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+    @keyframes bg-ci-animated {
+        0%{background-position:0% 50%}
+        50%{background-position:100% 50%}
+        100%{background-position:0% 50%}
+    }
+
+
     .border-ci{
         border: 1px solid #24052f;
     }
 
     footer{
-        background-color: #24052f;
         padding-top: 35px;
         padding-bottom: 40px;
         margin-top: 120px;
@@ -53,18 +76,20 @@
     .btn-primary:hover{
         background-color: #1c0625;
     }
-    footer a{
-        color: white;
-    }
 
     nav{
-        background-color: #24052f;
         padding-top: 30px;
         padding-bottom: 30px;
         color: white;
         margin-bottom: 80px;
     }
-    nav a {
+    nav a, nav a:hover, footer a, footer a:hover {
         color: white;
     }
+
+
+    a, a:hover{
+        color: #24052f;
+    }
+
 </style>
\ No newline at end of file
diff --git a/content/includes/footer.blade.php b/content/includes/footer.blade.php
index e20896b..3930370 100644
--- a/content/includes/footer.blade.php
+++ b/content/includes/footer.blade.php
@@ -1,4 +1,4 @@
-<footer>
+<footer class="bg-ci-animated">
     <div class="container">
 
 
@@ -6,7 +6,7 @@
         <div class="row">
             <div class="col-12 col-sm-6 text-md-start text-center mt-3">
                 Erstellt mit dem <a href="https://www.areya.de/software/cms">Areya CMS
-                    <svg style="width: 11px; fill: black" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
+                    <svg style="width: 11px; fill: currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!-- Font Awesome Pro 5.15.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) --><path d="M440,256H424a8,8,0,0,0-8,8V464a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V112A16,16,0,0,1,48,96H248a8,8,0,0,0,8-8V72a8,8,0,0,0-8-8H48A48,48,0,0,0,0,112V464a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V264A8,8,0,0,0,440,256ZM500,0,364,.34a12,12,0,0,0-12,12v10a12,12,0,0,0,12,12L454,34l.7.71L131.51,357.86a12,12,0,0,0,0,17l5.66,5.66a12,12,0,0,0,17,0L477.29,57.34l.71.7-.34,90a12,12,0,0,0,12,12h10a12,12,0,0,0,12-12L512,12A12,12,0,0,0,500,0Z"/></svg>
                 </a>
             </div>
             <div class="col-12 col-sm-6 text-md-end text-center mt-3">
diff --git a/content/index.blade.php b/content/index.blade.php
index d322126..84b1a88 100644
--- a/content/index.blade.php
+++ b/content/index.blade.php
@@ -9,7 +9,7 @@
         <div class="col">
           <h1>Lumio Theme Store</h1>
 
-          <p class="fs-4">
+          <p class="fs-4 mt-4">
             A showcase of public Lumino Themes.
             <br>
             You can browse, compare the templates and install them into your own Lumino Installation. To develop and list your own Lumino Template <a href="https://www.areya.de/contact" class="text-decoration-none"> get in contact</a>
@@ -39,9 +39,9 @@
                 <img src="{{ $content->user->gravatar() }}" width="20px" title="{{ $content->user->name }}" class="border rounded img-fluid shadow-sm" alt="Logo {{ $content->user->name }} ">
                 {{ $content->user->name }}
               </a>
-              <p>
-                <br>
-                Public Showcase of Lumino Themes. You can browse, compare the templates and install them into your own Lumino Installation.</p>
+              <p class="mt-4">
+                {!! isset($content->data_fields['short_description'])?$content->data_fields['short_description']:'keine Angaben' !!}
+              </p>
 
 
             </div>
diff --git a/content/master.blade.php b/content/master.blade.php
index a281b8b..2b9faf0 100644
--- a/content/master.blade.php
+++ b/content/master.blade.php
@@ -8,9 +8,9 @@
 </head>
 <body>
 
-    <nav>
+    <nav class="bg-ci-animated">
         <div class="container">
-           <a href="{{url('/')}}">Lumino Themes</a>
+           <a href="{{url('/')}}" class="fs-4 fw-bold text-decoration-none">Lumino Themes</a>
         </div>
     </nav>
     @yield('content')