f87977b80f
Could load the theme from an external repo, so everything will need to fit in here. Can be built locally, though.
284 lines
13 KiB
HTML
284 lines
13 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
|
|
|
|
<!-- Custom fonts for this template -->
|
|
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Plugin CSS -->
|
|
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
|
|
|
<!-- Custom styles for this template -->
|
|
<link href="css/creative.min.css" rel="stylesheet">
|
|
|
|
<style>
|
|
header.masthead {
|
|
padding-top: 10rem;
|
|
padding-bottom: calc(10rem - 56px);
|
|
background-image: url("{{ site.headimage }}");
|
|
background-position: center center;
|
|
background-size: cover;
|
|
}
|
|
body{
|
|
font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
|
|
padding-top: 0px;
|
|
}
|
|
</style>
|
|
|
|
<title>{{ site.title }} - {{ page.title }}</title>
|
|
</head>
|
|
<body id="page-top">
|
|
|
|
<!-- Navigation -->
|
|
<nav class="navbar navbar-expand-lg navbar-light fixed-top navbar-shrink" id="mainNav">
|
|
<div class="container">
|
|
<a class="navbar-brand js-scroll-trigger" href="index"> {{ site.title }} </a>
|
|
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarResponsive">
|
|
<ul class="navbar-nav ml-auto">
|
|
{% for item in site.data.nav.topnav %}
|
|
<li class="nav-item">
|
|
<a class="nav-link js-scroll-trigger" href="{{ item.url }}">{{ item.page }}</a>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Splash Image -->
|
|
<header class="masthead text-center text-white d-flex">
|
|
<div class="container my-auto">
|
|
<div class="row">
|
|
<div class="col-lg-10 mx-auto">
|
|
<h1 class="text-uppercase">
|
|
<strong> {{ site.headtext }} </strong>
|
|
</h1>
|
|
<hr>
|
|
</div>
|
|
<div class="col-lg-8 mx-auto">
|
|
<p class="text-faded mb-5">
|
|
{{ site.headsubtext}}
|
|
</p>
|
|
<a class="btn btn-primary btn-xl js-scroll-trigger" href="{{ site.headbuttonurl }}">{{ site.headbuttontext }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Orange Container -->
|
|
<section class="bg-primary" id="about">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto text-center">
|
|
<h2 class="section-heading text-white">Freedom through Open Source!</h2>
|
|
<hr class="light my-4">
|
|
<p class="text-faded mb-4">
|
|
LibreTime is Free/Libre and Open Source (FLOSS) radio automation and broadcasting solution helping communities both modernize their broadcasting stack, and get up and on-the-air with ease.
|
|
</p>
|
|
<p class="text-faded mb-4">
|
|
The platform consists of several open-source components that can be easily and rapidly deployed on both dedicated hardware, virtual machines, and Cloud native infrastructure - allowing your station to truly underwrite it's own destiny.
|
|
</p>
|
|
<p class="text-faded mb-4">
|
|
The platform is a fork of the older AirTime project which is <b>no longer actively maintained</b>, and the evolution of Open Source broadcasting for both current AirTime and new users looking to continue with the platform on their own infrastructure.
|
|
</p>
|
|
<a class="btn btn-light btn-xl js-scroll-trigger" href="#features">Key Features</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="features">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-12 text-center">
|
|
<h2 class="section-heading">Key features include</h2>
|
|
<hr class="my-4">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box mt-5 mx-auto">
|
|
<i class="fas fa-4x fa-music text-primary mb-3 sr-icon-1"></i>
|
|
<h3 class="mb-3">Library Intelligence</h3>
|
|
<p class="text-mute mb-0">From designing intelligent & automated playlists to drag-and-drop visual editing & cuing, managing your library and playlists has never been simpler.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box mt-5 mx-auto">
|
|
<i class="fas fa-4x fa-th-list text-primary mb-3 sr-icon-2"></i>
|
|
<h3 class="mb-3">Programming</h3>
|
|
<p class="text-muted mb-0">Schedule your live and pre-programmed shows easily with a drag-and-drop style calendar, additionally all content broadcasted is logged for efficient reporting to media licensing authorities.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box mt-5 mx-auto">
|
|
<i class="fas fa-4x fa-users text-primary mb-3 sr-icon-3"></i>
|
|
<h3 class="mb-3">DJ Management</h3>
|
|
<p class="text-muted mb-0">Libretime's user management allows for the simple creation of hierarchical staff who can control their broadcast slots associated with them from anywhere on the planet!</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-3 col-md-6 text-center">
|
|
<div class="service-box mt-5 mx-auto">
|
|
<i class="fas fa-4x fa-microphone text-primary mb-3 sr-icon-4"></i>
|
|
<h3 class="mb-3">Podcasting & More!</h3>
|
|
<p class="text-muted mb-0">Syndicate your library with the latest content from the best artists on the web, it's as simple as providing an RSS feed and programming a schedule.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="p-0" id="screenshots">
|
|
<div class="container-fluid p-0">
|
|
<div class="row no-gutters popup-gallery">
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/library.jpg">
|
|
<img class="img-fluid" src="img/portfolio/library.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Intelligent Library
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/stream-stats.jpg">
|
|
<img class="img-fluid" src="img/portfolio/stream-stats.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Streaming Listener Statistics
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/scheduling.jpg">
|
|
<img class="img-fluid" src="img/portfolio/scheduling.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Show Scheduling
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/builtin-microsite.jpg">
|
|
<img class="img-fluid" src="img/portfolio/builtin-microsite.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Built-in Website/Microsite
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/playout-history.jpg">
|
|
<img class="img-fluid" src="img/portfolio/playout-history.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Playout History & Auditing
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="col-lg-4 col-sm-6">
|
|
<a class="portfolio-box" href="img/portfolio/podcasts.jpg">
|
|
<img class="img-fluid" src="img/portfolio/podcasts.jpg" alt="">
|
|
<div class="portfolio-box-caption">
|
|
<div class="portfolio-box-caption-content">
|
|
<div class="project-category text-faded">
|
|
Podcast Automation & Scheduling
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="bg-dark text-white" id="get-started">
|
|
<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" target="_blank" href="quickstart">Quick Install</a>
|
|
|
|
<a class="btn btn-light btn-xl sr-button" target="_blank" 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>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<section id="community">
|
|
<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>
|
|
|
|
<hr class="my-4">
|
|
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
|
|
<a class="btn btn-light btn-xl sr-button btn-outline-full-width" target="_blank" target="_blank" href="https://github.com/libretime/libretime">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>
|
|
|
|
</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>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<section class="bg-dark text-white">
|
|
<div class="text-footer">
|
|
<small>Hosted on GitHub Pages — Theme by <a href="https://github.com/ned-kelly">ned-kelly</a> and <a href="https://github.com/zklosko">Zachary Klosko</a> | </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>
|
|
</div>
|
|
</section>
|
|
</footer>
|
|
|
|
<!-- Optional JavaScript -->
|
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|