diff --git a/website/assets/fonts/Outfit-VariableFont_wght.ttf b/website/assets/fonts/Outfit-VariableFont_wght.ttf new file mode 100644 index 0000000..96106f0 Binary files /dev/null and b/website/assets/fonts/Outfit-VariableFont_wght.ttf differ diff --git a/website/assets/fonts/outfit.css b/website/assets/fonts/outfit.css new file mode 100644 index 0000000..2378960 --- /dev/null +++ b/website/assets/fonts/outfit.css @@ -0,0 +1,7 @@ +@font-face { + font-family: Outfit; + font-style: normal; + font-weight: 100 900; + font-display: swap; + src: url("Outfit-VariableFont_wght.ttf") format("truetype"); +} diff --git a/website/css/style.css b/website/css/style.css index 81cf770..ac7e1ac 100644 --- a/website/css/style.css +++ b/website/css/style.css @@ -297,3 +297,32 @@ html, body, .body { visibility: visible; } } + +#title-container { + display: flex; + /* justify-content: center; */ + align-items: center; +} + +#title-text { + font-family: Outfit; + font-size: 100px; + font-weight: 800; + line-height: 110px; + text-align: center; + text-underline-position: from-font; + text-decoration-skip-ink: none; + + background: linear-gradient(180deg, #5B5B5B 5.9%, #292929 100%); + background-clip: text; + -webkit-text-fill-color: transparent; +} + +#title-icon { + width: 84px; + height: 84px; + + background-image: url(../images/icon-dark.svg); + background-size: cover; + margin-right: 15px; +} diff --git a/website/favicon.png b/website/favicon.png index acb5ab0..1573fd5 100644 Binary files a/website/favicon.png and b/website/favicon.png differ diff --git a/website/images/fcast.png b/website/images/fcast.png index 78b872c..05e7750 100644 Binary files a/website/images/fcast.png and b/website/images/fcast.png differ diff --git a/website/images/github-mark.svg b/website/images/github-mark.svg new file mode 100644 index 0000000..37fa923 --- /dev/null +++ b/website/images/github-mark.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/website/images/icon-amazon.png b/website/images/icon-amazon.png new file mode 100644 index 0000000..c4579aa Binary files /dev/null and b/website/images/icon-amazon.png differ diff --git a/website/images/icon-dark.svg b/website/images/icon-dark.svg new file mode 100644 index 0000000..6bc17b5 --- /dev/null +++ b/website/images/icon-dark.svg @@ -0,0 +1,269 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/images/icon.svg b/website/images/icon.svg new file mode 100644 index 0000000..88ed23b --- /dev/null +++ b/website/images/icon.svg @@ -0,0 +1,269 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/index.html b/website/index.html index e31ea75..83f8747 100644 --- a/website/index.html +++ b/website/index.html @@ -6,7 +6,7 @@ - FCast + FCast @@ -21,6 +21,7 @@ + @@ -54,7 +55,7 @@
- +
@@ -78,7 +79,7 @@
@@ -117,14 +118,21 @@
-
+

Cast media to your TV

-

FCast

+

+ +
+
+
FCast
+
+ +

Casting made open source

-
+
@@ -138,7 +146,7 @@

Available for Linux, MacOS, Windows and Android.

-

Also available on the Google Play Store.

+

Also available on the Google Play Store and Amazon Appstore.

@@ -170,7 +178,7 @@

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 here.

+ 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 here.

@@ -193,11 +201,11 @@

How to Get Started with FCast?

Setting Up Your Environment

- -

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 here.

- -

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 existing receiver implementations for inspiration and guidance. For an in-depth understanding of how FCast works, our protocol documentation is an indispensable resource.

- + +

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 here.

+ +

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 existing receiver implementations for inspiration and guidance. For an in-depth understanding of how FCast works, our protocol documentation is an indispensable resource.

+
@@ -390,7 +398,7 @@
- GO TO REPOSITORY + GO TO REPOSITORY
@@ -412,15 +420,20 @@

Download to harness the power of open-source media streaming

Available on multiple platforms, our suite of resources is ready to help you integrate FCast into your own applications.

- - - DOWNLOAD ONGitlab + + + DOWNLOAD ONGitHub DOWNLOAD ONGoogle Play + + + + DOWNLOAD ONAmazon Appstore +