Benjamin Völkl 2022-01-01 20:02:11 +01:00
parent b1d9c263ec
commit 600858e63a
6 changed files with 147 additions and 52 deletions

View File

@ -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"
}
]
}
]
}

View File

@ -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






View File

@ -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>

View File

@ -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">

View File

@ -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>

View File

@ -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')