mirror of
https://gitlab.com/futo-org/fcast.git
synced 2025-06-24 21:25:23 +00:00
Updated website to new design
This commit is contained in:
Michael Hollister
parent
61f718f6ab
commit
72f80af3db
10 changed files with 605 additions and 17 deletions
|
|
@ -6,7 +6,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>FCast</title>
|
||||
<title>FCast</title>
|
||||
|
||||
<meta name="keywords" content="WebSite Template" />
|
||||
<meta name="description" content="Porto - Multipurpose Website Template">
|
||||
|
|
@ -21,6 +21,7 @@
|
|||
|
||||
<!-- Web Fonts -->
|
||||
<link id="googleFonts" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800%7CShadows+Into+Light&display=swap" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="assets/fonts/outfit.css" />
|
||||
|
||||
<!-- Vendor CSS -->
|
||||
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
|
||||
|
|
@ -54,7 +55,7 @@
|
|||
<div class="body">
|
||||
|
||||
<div class="custom-svg-1">
|
||||
<img width="1290" height="1290" src="images/shape-1.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': ''}" />
|
||||
<img width="1290" height="1290" src="images/shape-1.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': ''}" />
|
||||
</div>
|
||||
|
||||
<div class="opacity-2"><div class="custom-el custom-el-circle border-color-primary appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="0" data-appear-animation-duration="3s" style="top: 20%; left: 50%; width: 38px; height: 38px;"></div></div>
|
||||
|
|
@ -78,7 +79,7 @@
|
|||
<div class="header-column">
|
||||
<div class="header-row">
|
||||
<div class="header-logo">
|
||||
<a href="index.html">
|
||||
<a href="https://fcast.org">
|
||||
<img src="images/logo.svg" class="img-fluid" width="48" height="48" alt="" />
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -117,14 +118,21 @@
|
|||
|
||||
<div class="container pt-lg-5">
|
||||
<div class="row pt-lg-5">
|
||||
<div class="col-lg-4 text-center text-lg-start pt-5 mt-5">
|
||||
<div class="col-lg-5 text-center text-lg-start pt-2 mt-2">
|
||||
<h2 class="text-color-primary positive-ls-3 mt-lg-5 pt-lg-5 font-weight-bold text-uppercase text-4 line-height-3 mb-0 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="500" data-plugin-options="{'minWindowWidth': 0}">Cast media to your TV</h2>
|
||||
|
||||
<h1 class="custom-font-size-1 text-color-dark font-weight-bold py-3 mb-1 p-relative appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750" data-plugin-options="{'minWindowWidth': 0}"><span class="p-relative z-index-1">FCast</span></h1>
|
||||
<h1 class="custom-font-size-1 text-color-dark font-weight-bold py-3 mb-1 p-relative appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="750" data-plugin-options="{'minWindowWidth': 0}">
|
||||
<span class="p-relative z-index-1">
|
||||
<div id="title-container">
|
||||
<div id="title-icon"></div>
|
||||
<div id="title-text" class="non-selectable">FCast</div>
|
||||
</div>
|
||||
</span>
|
||||
</h1>
|
||||
|
||||
<p class="text-4-5 font-weight-medium mb-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="1000" data-plugin-options="{'minWindowWidth': 0}">Casting made open source</p>
|
||||
</div>
|
||||
<div class="col-lg-8 pt-5 pt-lg-0 text-center">
|
||||
<div class="col-lg-7 pt-5 pt-lg-0 text-center">
|
||||
<img src="images/tv.png" style="width: 100%;" />
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -138,7 +146,7 @@
|
|||
<div class="col-lg-8">
|
||||
<div class="call-to-action-content mx-auto m-lg-0">
|
||||
<h3 class="mb-1 font-weight-semi-bold">Available for <strong class="font-weight-bold">Linux, MacOS, Windows and Android.</strong></h3>
|
||||
<p class="mb-0 opacity-7">Also available on the Google Play Store.</p>
|
||||
<p class="mb-0 opacity-7">Also available on the Google Play Store and Amazon Appstore.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center text-lg-start">
|
||||
|
|
@ -170,7 +178,7 @@
|
|||
|
||||
<p class="text-3-5 mb-0">FCast is an open-source protocol designed to open wireless audio and video streaming to everybody. With support for various stream types like DASH, HLS, and mp4, it empowers developers to create their own unique streaming experiences.
|
||||
|
||||
In contrast to traditional closed protocols, FCast champions open innovation. Developers can create custom receivers, integrate the client protocol into their own apps, or even enhance the protocol, contributing to an evolving open ecosystem. For more information click <a href="https://gitlab.com/futo-org/fcast">here</a>.</p></p>
|
||||
In contrast to traditional closed protocols, FCast champions open innovation. Developers can create custom receivers, integrate the client protocol into their own apps, or even enhance the protocol, contributing to an evolving open ecosystem. For more information click <a href="https://github.com/futo-org/fcast">here</a>.</p></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -193,11 +201,11 @@
|
|||
<h2 class="text-color-dark font-weight-bold text-10 mb-4-5">How to Get Started with FCast?</h2>
|
||||
|
||||
<p class="font-weight-medium text-4-5 line-height-6 negative-ls-05">Setting Up Your Environment</p>
|
||||
|
||||
<p class="text-3-5 mb-0">For users: Begin by setting up your receiver. Receivers compatible with Linux, Windows, MacOS (via Electron), or Android (native) are readily available. The receiver serves as the target for your media streams, and should be installed on the device you aim to cast to. Discover more about setting up your receiver <a href="https://gitlab.com/futo-org/fcast/">here</a>.</p>
|
||||
|
||||
<p class="text-3-5 mb-0">For developers: If you're looking to build a custom receiver or to integrate FCast into your existing application, you'll find a wealth of resources at your disposal. Start by reviewing our <a href="https://gitlab.com/futo-org/fcast/-/tree/master/receivers">existing receiver implementations</a> for inspiration and guidance. For an in-depth understanding of how FCast works, our <a href="https://gitlab.com/futo-org/fcast/-/wikis/home">protocol documentation</a> is an indispensable resource.</p>
|
||||
|
||||
|
||||
<p class="text-3-5 mb-0">For users: Begin by setting up your receiver. Receivers compatible with Linux, Windows, MacOS (via Electron), or Android (native) are readily available. The receiver serves as the target for your media streams, and should be installed on the device you aim to cast to. Discover more about setting up your receiver <a href="https://github.com/futo-org/fcast">here</a>.</p>
|
||||
|
||||
<p class="text-3-5 mb-0">For developers: If you're looking to build a custom receiver or to integrate FCast into your existing application, you'll find a wealth of resources at your disposal. Start by reviewing our <a href="https://github.com/futo-org/fcast/tree/master/receivers">existing receiver implementations</a> for inspiration and guidance. For an in-depth understanding of how FCast works, our <a href="https://gitlab.futo.org/videostreaming/fcast/-/wikis/home">protocol documentation</a> is an indispensable resource.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 text-center text-lg-start">
|
||||
|
|
@ -390,7 +398,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<a href="https://gitlab.com/futo-org/fcast" class="btn btn-secondary positive-ls-2 btn-outline font-weight-bold text-2 btn-py-3 px-5 mt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}">GO TO REPOSITORY</a>
|
||||
<a href="https://github.com/futo-org/fcast" class="btn btn-secondary positive-ls-2 btn-outline font-weight-bold text-2 btn-py-3 px-5 mt-4 appear-animation" data-appear-animation="fadeInUpShorter" data-appear-animation-delay="250" data-plugin-options="{'minWindowWidth': 0}">GO TO REPOSITORY</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -412,15 +420,20 @@
|
|||
<p class="font-weight-semibold text-color-light text-6 line-height-6 negative-ls-05 mt-4 mb-0">Download to harness the power of open-source media streaming</p>
|
||||
<p class="font-weight-medium text-color-light opacity-6 text-4-5 line-height-6 negative-ls-05 mb-5">Available on multiple platforms, our suite of resources is ready to help you integrate FCast into your own applications.</p>
|
||||
|
||||
<a href="https://gitlab.com/futo-org/fcast/-/releases" class="d-inline-flex align-items-center btn btn-light btn-py-2 px-4 text-start me-2 mb-3 mb-sm-0">
|
||||
<img height="34" src="images/icon-gitlab.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-dark me-2'}" />
|
||||
<span class="font-weight-semibold text-4"><em class="text-1 text-uppercase font-weight-medium opacity-6 d-block fst-normal p-relative top-2">DOWNLOAD ON</em><span class="text-color-dark text-4 negative-ls-05 p-relative bottom-2">Gitlab</span></span>
|
||||
<a href="https://github.com/futo-org/fcast/releases/tag/1" class="d-inline-flex align-items-center btn btn-light btn-py-2 px-4 text-start me-2 mb-3 mb-sm-0">
|
||||
<img height="34" src="images/github-mark.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-dark me-2'}" />
|
||||
<span class="font-weight-semibold text-4"><em class="text-1 text-uppercase font-weight-medium opacity-6 d-block fst-normal p-relative top-2">DOWNLOAD ON</em><span class="text-color-dark text-4 negative-ls-05 p-relative bottom-2">GitHub</span></span>
|
||||
</a>
|
||||
|
||||
<a href="https://play.google.com/store/apps/details?id=com.futo.fcast.receiver.playstore&pli=1" class="d-inline-flex align-items-center btn btn-light btn-py-2 px-4 text-start me-2 mb-3 mb-sm-0">
|
||||
<img height="34" src="images/icon-google-play.svg" alt="" data-icon data-plugin-options="{'onlySVG': true, 'extraClass': 'svg-stroke-color-dark me-2'}" />
|
||||
<span class="font-weight-semibold text-4"><em class="text-1 text-uppercase font-weight-medium opacity-6 d-block fst-normal p-relative top-2">DOWNLOAD ON</em><span class="text-color-dark text-4 negative-ls-05 p-relative bottom-2">Google Play</span></span>
|
||||
</a>
|
||||
|
||||
<a href="https://www.amazon.com/dp/B0CLKVH8GZ/ref=sr_1_1?keywords=fcast&s=mobile-apps&sr=1-1" class="d-inline-flex align-items-center btn btn-light btn-py-2 px-4 text-start me-2 mb-3 mb-sm-0">
|
||||
<img height="34" width="34" src="images/icon-amazon.png" alt="">
|
||||
<span class="font-weight-semibold text-4"><em class="text-1 text-uppercase font-weight-medium opacity-6 d-block fst-normal p-relative top-2">DOWNLOAD ON</em><span class="text-color-dark text-4 negative-ls-05 p-relative bottom-2">Amazon Appstore</span></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue