Sophia/steamwidgets-web
1
0
Fork 0
mirror of https://github.com/SophiaAtkinson/steamwidgets-web.git synced 2026-01-17 09:33:30 -08:00
Code Issues Packages Projects Releases Wiki Activity

Resolves #5

Browse Source
This commit is contained in:
Daniel Brendel
2023-03-23 00:43:02 +01:00
parent 01f9530645
commit 88c0d34409
5 changed files with 276 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

163
app/views/index.php
View File

@@ -2,32 +2,149 @@
<a name="readmore"></a><br/><br/>
</div>
<div class="columns">
<div class="columns is-content">
<div class="column is-half">
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
<div class="is-highlight is-sidepadding fade fade-out">
Create responsive, localizable and adjustable widgets for various Steam entities
very easily with only few code.
</div>
</div>
<div class="column is-half">
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
Lorem Ipsum Dolor Sit Amet.
<div class="is-sidepadding fade fade-out">
<pre>
<code class="language-html">
&lt;steam-app appid="{{ env('APP_EXAMPLE_APP') }}"&gt;&lt;/steam-app&gt;
</code>
</pre>
</div>
</div>
</div>
<div class="columns is-content is-widescreen">
<div class="column is-half">
<div class="is-sidepadding fade fade-out">
<pre>
<code class="language-js">
let widget = new SteamApp('#app-widget', {
appid: '{{ env('APP_EXAMPLE_APP') }}',
//... and more
});
</code>
</pre>
</div>
</div>
<div class="column is-half">
<div class="is-highlight is-sidepadding fade fade-out">
Use JavaScript to control your Widgets for various situations.
Set various options on initialization and perform operatings
on various events later.
</div>
</div>
</div>
<div class="columns is-content is-smallscreen">
<div class="column is-half">
<div class="is-highlight is-sidepadding fade fade-out">
Use JavaScript to control your Widgets for various situations.
Set various options on initialization and perform operatings
on various events later.
</div>
</div>
<div class="column is-half">
<div class="is-sidepadding fade fade-out">
<pre>
<code class="language-js">
let widget = new SteamApp('#app-widget', {
appid: '{{ env('APP_EXAMPLE_APP') }}',
//... and more
});
</code>
</pre>
</div>
</div>
</div>
<div><hr/></div>
<div class="content-section">
<h3>Use widgets for the following Steam entities</h3>
<div class="widget-types">
<div class="widget-type fade fade-out">
Game/App
</div>
<div class="widget-type fade fade-out">
Workshop
</div>
<div class="widget-type fade fade-out">
Group
</div>
<div class="widget-type fade fade-out">
Player
</div>
<div class="widget-type fade fade-out">
Gameserver
</div>
</div>
</div>
<div><hr/></div>
<div class="columns is-content">
<div class="column is-half">
<div class="is-highlight is-sidepadding fade fade-out padding-top-cdn">
You can use {{ env('APP_NAME') }} via our CDN for quick usages.
</div>
</div>
<div class="column is-half">
<div class="is-sidepadding fade fade-out is-centered">
<i class="fas fa-server fa-10x"></i>
</div>
</div>
</div>
@if (env('APP_SHOWNPMUSAGE', false))
<div class="columns is-content is-widescreen">
<div class="column is-half">
<div class="is-sidepadding fade fade-out is-centered">
<i class="fab fa-npm fa-10x"></i>
</div>
</div>
<div class="column is-half">
<div class="is-highlight is-sidepadding fade fade-out padding-top-npm">
You can also use {{ env('APP_NAME') }} via Node.js Package Manager
</div>
</div>
</div>
<div class="columns is-content is-smallscreen">
<div class="column is-half">
<div class="is-highlight is-sidepadding fade fade-out padding-top-npm">
You can also use {{ env('APP_NAME') }} via Node.js Package Manager
</div>
</div>
<div class="column is-half">
<div class="is-sidepadding fade fade-out is-centered">
<i class="fab fa-npm fa-10x"></i>
</div>
</div>
</div>
@endif
<div><hr/></div>
<div class="content-section is-centered">
<div class="is-sidepadding button-get-started fade fade-out">
<a href="{{ url('/documentation') }}">Get Started!</a>
</div>
</div>