stashapp/website
1
0
Fork 0
mirror of https://github.com/stashapp/website.git synced 2026-05-05 08:27:46 -05:00
Code Issues Packages Projects Releases Wiki Activity

Embed demo video and clarify image support (#9)

Browse Source 
* Add demo video
* Clarify image support
This commit is contained in:
WithoutPants
2021-05-05 15:55:06 +10:00
committed by GitHub
parent 6f67e4426c
commit 08e429589e
2 changed files with 36 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
_sass/landing-page.scss
View File

@@ -26,7 +26,7 @@
margin: auto;
}
&.alt {
&:nth-child(even) {
background-color: $brand-color;
}
@@ -147,6 +147,16 @@ img.agpl-logo {
}
}
.video {
margin-top: 10px;
iframe {
width: 640px;
max-width: 100%;
height: 360px;
}
}
@media #{$md} {
.flex {
@include flexbox;

31
index.html
View File

@@ -116,14 +116,22 @@ description: An organizer for your porn
<!-- icons courtesy of FontAwesome using CC BY 4.0 License: https://fontawesome.com/license/free -->
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="image" class="svg-inline--fa fa-image fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z"></path></svg>
</div>
<h3>Images</h3>
<p>Images can be rated and tagged with performers, tags and a studio.</p>
</div>
<div class="concept">
<div class="icon">
<!-- icons courtesy of FontAwesome using CC BY 4.0 License: https://fontawesome.com/license/free -->
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="images" class="svg-inline--fa fa-images fa-w-18 fa-icon undefined" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v208c0 44.112 35.888 80 80 80h336zm96-80V80c0-26.51-21.49-48-48-48H144c-26.51 0-48 21.49-48 48v256c0 26.51 21.49 48 48 48h384c26.51 0 48-21.49 48-48zM256 128c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-96 144l55.515-55.515c4.686-4.686 12.284-4.686 16.971 0L272 256l135.515-135.515c4.686-4.686 12.284-4.686 16.971 0L512 208v112H160v-48z"></path></svg>
</div>
<h3>Galleries</h3>
<p>Zipped image collections can be viewed as galleries.</p>
<p>Galleries are collections of images. Galleries can be automatically created from zip files and folders containing image files.</p>
</div>
</div>
</div>
</section>
<section class="alt">
<section>
<div class="container feature">
<div class="half">
<a href="/images/playScene.png"><img src="/images/thumbs/playScene.png" /></a>
@@ -145,8 +153,8 @@ description: An organizer for your porn
<div class="half">
<div>
<h2>Curate your content</h2>
<p>Rate your scenes, and tag them with performers, tags, movies and studios. Filter and sort your content with a variety of filter and sorting options.</p>
<p>Stash also allows you to derive scene metadata from video filenames. Alternatively, you can scrape scene metadata from websites using community-curated scrapers.</p>
<p>Rate your scenes and images, and tag them with performers, tags, movies and studios. Filter and sort your content with a variety of filter and sorting options.</p>
<p>Stash also allows you to derive metadata from filenames. Alternatively, you can scrape metadata from websites using community-curated scrapers.</p>
</div>
</div>
<div class="half">
@@ -155,7 +163,7 @@ description: An organizer for your porn
</div>
</section>
<section class="alt">
<section>
<div class="container feature">
<div class="half">
<div class="icon">
@@ -187,7 +195,18 @@ description: An organizer for your porn
</div>
</section>
<section class="alt">
<section>
<div class="main">
<h2>See it in action</h2>
<div>Checkout the (safe for work) demo video below.</div>
<div class="video">
<iframe src="https://player.vimeo.com/video/545323354?badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen title="Stash 0.5.0 SFW demo (2021-02-23)"></iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
</section>
<section>
<div class="main">
<h2>Screenshots</h2>
<div class="screenshots">