Sophia/steamwidgets-web
1
0
Fork 0
mirror of https://github.com/SophiaAtkinson/steamwidgets-web.git synced 2025-06-27 03:57:41 -07:00
Code Issues Packages Projects Releases Wiki Activity

#5 New base layout & doc section

Browse Source
This commit is contained in:
Daniel Brendel
2023-03-22 15:53:32 +01:00
parent 5c31b3e581
commit 01f9530645
10 changed files with 1024 additions and 892 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
app/views/header.php
View File

@ -1,19 +1,34 @@
<div class="header" style="background-image: url('{{ asset('img/header.png') }}');">
@if ((isset($show_header)) && ($show_header == true))
<div class="header">
<div class="header-overlay">
<div class="container">
<div class="columns">
<div class="column is-2"></div>
<div class="column is-8">
<div class="content-section content-centered content-top-margin">
<h1>{{ env('APP_NAME') }}</h1>
<div class="column is-half">
<div class="header-content">
<h1 class="header-gradient">{{ env('APP_NAME') }}</h1>
<h2>{{ env('APP_DESCRIPTION') }}</h2>
<div class="header-description">
{{ env('APP_NAME') }} is a clientside web component that offers an easy way to integrate Steam Widgets of various Steam entities into your website. Therefore you only need very few code in order to render Steam Widgets into your document.
{{ env('APP_NAME') }} is used via JavaScript. Since JavaScript is supported by all major browser per default it is platform independent and compatible.
{{ env('APP_NAME') }} widgets are responsive, localizable, customizable and easily adjustable.
</div>
<div class="header-buttons">
<span><a href="#readmore" class="button is-info is-outlined">Read More</a></span>
<span><a href="{{ url('/documentation') }}" class="button is-primary is-outlined">Documentation</a></span>
</div>
</div>
</div>
<div class="column is-2"></div>
<div class="column is-half hide-mobile">
<div class="header-content header-image">
<img src="{{ asset('img/header-image.png') }}"/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endif