Congegni
/
sintonia
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reworking bottom two sections of splash page

This commit is contained in:
Zachary Klosko 2020-05-30 19:55:33 -04:00
parent 9df3e80e52
commit 1247b76c8e
2 changed files with 53 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
docs/_layouts/splash.html
View File

@ -107,6 +107,7 @@
</div>
</section>
<!-- Features Block -->
<section id="features">
<div class="container">
<div class="row">
@ -229,47 +230,51 @@
</div>
</div>
</section>
<section class="bg-dark text-white" id="get-started">
<!-- Dark "Our Biggest Fans" Section -->
<section class="" id="biggest-fans">
<div class="container text-center">
<h2 class="mb-4">Get Started</h2>
<h5>Follow the docs, and you'll be off the ground in no time!</5>
<div class="start-buttons" style="padding: 20px;">
<a class="btn btn-light btn-xl sr-button" href="quickstart">Quick Install</a>
<a class="btn btn-light btn-xl sr-button" href="vagrant">Vagrant</a>
<a class="btn btn-light btn-xl sr-button" target="_blank" href="https://github.com/ned-kelly/docker-multicontainer-libretime/blob/master/README.md">Docker Deployment</a>
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Our Biggest Fans</h2>
<hr class="my-4">
</div>
</div>
<div class="station-logos">
<div class="station-logos-row">
<a class="station-logos-col" href="https://www.wrir.org" target="_blank">
<img src="img/stations/wrir973.png" alt="WRIR 97.3 FM">
</a>
<a class="station-logos-col" href="http://wcrsfm.org/" target="_blank">
<img src="img/stations/wrcs927.png" alt="WCRS 92.7 FM">
</a>
<a class="station-logos-col" href="https://rabe.ch/" target="_blank">
<img src="img/stations/rabe956.svg" alt="Rabe 95.6">
</a>
<a class="station-logos-col" href="https://campus-clermont.net/" target="_blank">
<img src="img/stations/radiocampus933.png" alt="Radio Campus 93.3">
</a>
</div>
</div>
</div>
</section>
<section id="community">
<section class="bg-dark text-white" id="get-started">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
<h2 class="section-heading">The new home of Open Source broadcasters.</h2>
<h2 class="section-heading">Get started with LibreTime today.</h2>
<hr class="my-4">
<div class="row">
<div class="col-lg-4">
<p class="mb-5" style="text-align: center;">
Requires: 1 Ghz processor, 2 GB RAM, wired ethernet connection with static IP address, and you. What are you waiting for?
<div class="start-buttons" style="padding: 0px;">
<a class="btn btn-light btn-xl sr-button" href="quickstart">Server Install</a>
<a class="btn btn-light btn-xl sr-button" href="vagrant">Vagrant for Devs</a>
<a class="btn btn-light btn-xl sr-button btn-outline-full-width" target="_blank" target="_blank" href="contribute">Contribute to Libretime</a>
<a class="btn btn-light btn-xl sr-button btn-outline-full-width" target="_blank" target="_blank" href="https://discourse.libretime.org/">Get Support on Discourse</a>
<a class="btn btn-light btn-xl sr-button btn-outline-full-width" target="_blank" target="_blank" href="https://chat.libretime.org/login">Chat With Us on Mattermost</a>
</div>
<div class="col-lg-8">
<h4 style="text-align: left;padding-bottom: 20px;padding-top: 20px;">Join the Libretime community</h4>
<p class="mb-5" style="text-align: left;">
Libretime has a vibrant community working on new features and fixes. Join the community on Discourse and take control of your studio. We'd love to hear from you, even if you're non-technical let us know if your station is running Libretime!
</p>
</div>
<a class="btn btn-light btn-xl sr-button" target="_blank" href="https://github.com/ned-kelly/docker-multicontainer-libretime/blob/master/README.md">Docker</a>
</div>
</div>
</div>
@ -280,6 +285,7 @@
<footer>
<section class="footer-dark text-white">
<hr class="my-4">
<div class="text-footer">
<small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/ned-kelly">ned-kelly</a> and <a href="https://github.com/zklosko">Zachary Klosko</a> &nbsp; | &nbsp;</small>
<small>Code and docs licensed under GPLv2. More details <a href="http://sourcefabric.booktype.pro/airtime-25-for-broadcasters/about-this-manual/">here</a>. </small>

17
docs/css/creative.min.css vendored
View File

@ -290,7 +290,7 @@ padding: 10px 20px;
display: block;
top: 5px;
left: 5px;
z-index: 100000; // Above WP toolbar
z-index: 100000;
clip-path: none;
background-color: #eee;
padding: 15px 23px 14px;
@ -302,4 +302,19 @@ padding: 10px 20px;
font-size: 1em;
clip: auto !important;
}
}
/* Station Logos for Splash Page */
.station-logos img {
max-height: 200px;
max-width: 200px;
}
.station-logos-row {
display: flex;
}
.station-logos-col {
flex: 25%;
padding: 5px;
}