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", "name": "Areya Webservices",
"link": "https://www.areya.de/" "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> <h1 class="mb-5">{{$content->title}}</h1>


</div> </div>



<div class="col-9"> <div class="col-9">


<div class="row">

</div>



@if ($content->image) @if ($content->image)
<img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy" > <img class="rounded-top img-fluid" src="{{ asset('uploads/' . $content->image) }}" loading="lazy" >
@ -31,42 +38,49 @@
</a> </a>
<p class="fs-5 mt-5"> <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> </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="d-none">
<div class="col-4 mb-3"> <h2 class="fs-4 mt-5">Screenshots</h2>
<img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">


</div> <div class="row">
<div class="col-4 mb-3"> <div class="col-4 mb-3">
<img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy"> <img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy">


</div> </div>
<div class="col-4 mb-3"> <div class="col-4 mb-3">
<img class="rounded img-fluid" src="https://picsum.photos/800/400?{{rand(0,100)}}" loading="lazy"> <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>


<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="col-3">


<div class="bg-ci rounded p-3 border-ci"> <div class="bg-ci rounded p-3 border-ci">

<!--
Lumino Version: <a href="">3.2</a> Lumino Version: <a href="">3.2</a>
<br> <br>
Lisence: <a href="">2.93</a> Lisence: <a href="">2.93</a>
<br> <br>
Latest Version: <a href="">2.93</a> Latest Version: <a href="">2.93</a>
<br> <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> <a class="btn btn-primary d-block mt-4" data-bs-toggle="modal" data-bs-target="#exampleModal">Install Theme</a>
</div> </div>


@ -165,13 +182,17 @@
<br> <br>




<div class="input-group input-group-lg"> @isset($content->data_fields['git_location'])
<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 class="input-group input-group-lg">
<div id="passwordHelpBlock" class="form-text"> <input type="text" id="inputPassword5" class="form-control border-ci rounded" aria-describedby="passwordHelpBlock" readonly value="{{$content->data_fields['git_location']}}">
<br> <div id="passwordHelpBlock" class="form-text">
Use this link to install the chosen theme into your own Lumino installation. Make sure the Theme is compatible with your Lumino Version. <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>
</div> @endisset









View File

@ -6,10 +6,6 @@
} }




a, a:hover{
color: #24052f;
}



.card{ .card{
background-color: #caacd536; background-color: #caacd536;
@ -22,7 +18,7 @@


section{ section{
padding-top: 45px; padding-top: 45px;
padding-bottom: 60px; padding-bottom: 45px;
margin-bottom: 90px; margin-bottom: 90px;
padding-left: 1rem; padding-left: 1rem;
padding-right: 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-ci{
border: 1px solid #24052f; border: 1px solid #24052f;
} }


footer{ footer{
background-color: #24052f;
padding-top: 35px; padding-top: 35px;
padding-bottom: 40px; padding-bottom: 40px;
margin-top: 120px; margin-top: 120px;
@ -53,18 +76,20 @@
.btn-primary:hover{ .btn-primary:hover{
background-color: #1c0625; background-color: #1c0625;
} }
footer a{
color: white;
}


nav{ nav{
background-color: #24052f;
padding-top: 30px; padding-top: 30px;
padding-bottom: 30px; padding-bottom: 30px;
color: white; color: white;
margin-bottom: 80px; margin-bottom: 80px;
} }
nav a { nav a, nav a:hover, footer a, footer a:hover {
color: white; color: white;
} }


a, a:hover{
color: #24052f;
}

</style> </style>

View File

@ -1,4 +1,4 @@
<footer> <footer class="bg-ci-animated">
<div class="container"> <div class="container">




@ -6,7 +6,7 @@
<div class="row"> <div class="row">
<div class="col-12 col-sm-6 text-md-start text-center mt-3"> <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 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> </a>
</div> </div>
<div class="col-12 col-sm-6 text-md-end text-center mt-3"> <div class="col-12 col-sm-6 text-md-end text-center mt-3">

View File

@ -9,7 +9,7 @@
<div class="col"> <div class="col">
<h1>Lumio Theme Store</h1> <h1>Lumio Theme Store</h1>


<p class="fs-4"> <p class="fs-4 mt-4">
A showcase of public Lumino Themes. A showcase of public Lumino Themes.
<br> <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> 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 }} "> <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 }} {{ $content->user->name }}
</a> </a>
<p> <p class="mt-4">
<br> {!! isset($content->data_fields['short_description'])?$content->data_fields['short_description']:'keine Angaben' !!}
Public Showcase of Lumino Themes. You can browse, compare the templates and install them into your own Lumino Installation.</p> </p>




</div> </div>

View File

@ -8,9 +8,9 @@
</head> </head>
<body> <body>


<nav> <nav class="bg-ci-animated">
<div class="container"> <div class="container">
<a href="{{url('/')}}">Lumino Themes</a> <a href="{{url('/')}}" class="fs-4 fw-bold text-decoration-none">Lumino Themes</a>
</div> </div>
</nav> </nav>
@yield('content') @yield('content')