install theme instructions

master
Benjamin Völkl 2022-04-28 11:23:05 +02:00
parent 9fe3f347d0
commit 3c7056ffad
1 changed files with 87 additions and 27 deletions

View File

@ -79,18 +79,12 @@
</div>
</div>




</div>

<br>
<br>
@endisset




<h2 class="fs-4 mt-5 mb-5">Screenshots</h2>

<div class="row">
@ -210,8 +204,8 @@
{{ $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>
Public Showcase of Lumino Themes. You can browse, compare the templates and install them into your own Lumino Installation.
</p>


</div>
@ -246,34 +240,100 @@
</div>
<div class="modal-body">

<br>
<div class="row">
<div class="col-12 col-md-10 offset-md-1">


@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">
Use this link to install the chosen theme into your own Lumino installation. Make sure the Theme is compatible with your Lumino Version.
<br>


@isset($content->data_fields['git_location'])
<div class="input-group input-group-lg shadow-lg">
<input type="text" id="inputPassword5" class="form-control border-ci rounded" aria-describedby="passwordHelpBlock" readonly value="{{$content->data_fields['git_location']}}">
</div>



<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.
</div>
@endisset






<br>
<br>
<br>
<h5>Instructions</h5>


<br>

<div class="row">
<div class="col-2 offset-1 mb-3">
<div style="background-color: #24052f; height: 50px; width: 50px; color: white" class="p-2 rounded-circle text-center fw-bold fs-5">
1.
</div>
</div>
<div class="col-9 mt-2">
Log in to your Lumino Admin

</div>


<div class="col-2 offset-1 mb-3">
<div style="background-color: #24052f; height: 50px; width: 50px; color: white" class="p-2 rounded-circle text-center fw-bold fs-5">
2.
</div>
</div>
<div class="col-9 mt-2">
Go to <i>Configurations</i> ⟶ <i>Themes</i> -> <i>"Add new Theme"</i>

</div>


<div class="col-2 offset-1 mb-3">
<div style="background-color: #24052f; height: 50px; width: 50px; color: white" class="p-2 rounded-circle text-center fw-bold fs-5">
3.
</div>
</div>
<div class="col-9 mt-2">
Copy & Paste the Theme URL

</div>


<div class="col-2 offset-1 mb-3">
<div style="background-color: #24052f; height: 50px; width: 50px; color: white" class="p-2 rounded-circle text-center fw-bold fs-5">
4.
</div>
</div>
<div class="col-9 mt-2">
After Verification Theme can be installed

</div>


</div>



<br>

<div class="text-center">
<img src="https://i.gifer.com/XG0z.gif" class="img-fluid rounded mb-5" width="82%" loading="lazy">

</div>
</div>
@endisset
</div>






<br>
<br>
<br>
<h5>Instructions</h5>

<br>

<img src="https://i.gifer.com/XG0z.gif" class="img-fluid" width="100%" loading="lazy">



</div>

</div>