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
BIN
website/assets/fonts/Outfit-VariableFont_wght.ttf
Normal file
BIN
website/assets/fonts/Outfit-VariableFont_wght.ttf
Normal file
Binary file not shown.
7
website/assets/fonts/outfit.css
Normal file
7
website/assets/fonts/outfit.css
Normal file
|
|
@ -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");
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 9.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 34 KiB |
1
website/images/github-mark.svg
Normal file
1
website/images/github-mark.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
|
||||
|
After Width: | Height: | Size: 963 B |
BIN
website/images/icon-amazon.png
Normal file
BIN
website/images/icon-amazon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.2 KiB |
269
website/images/icon-dark.svg
Normal file
269
website/images/icon-dark.svg
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="111.96011"
|
||||
height="114.46101"
|
||||
viewBox="0 0 111.96011 114.46101"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg30"
|
||||
sodipodi:docname="icon-dark.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="8"
|
||||
inkscape:cx="36.0625"
|
||||
inkscape:cy="58.1875"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1368"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg30" />
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="m 84.763099,5.5827991 c 2.06,-2.0602 0.601,-5.58279997600248 -2.312,-5.58279997600248 H 3.2702997 C 1.4641997,-8.7600248e-7 -3.525637e-7,1.4641991 -3.525637e-7,3.2702991 V 82.451 c 0,2.913 3.5226000525637,4.373 5.5828000525637,2.312 L 20.366299,69.98 c 0.6134,-0.613 0.9579,-1.445 0.9579,-2.313 V 24.5965 c 0,-1.8062 1.4642,-3.2703 3.2703,-3.2703 h 43.0706 c 0.868,0 1.699,-0.3446 2.313,-0.9579 z"
|
||||
fill="#ffffff"
|
||||
id="path1"
|
||||
style="fill:url(#linearGradient9);fill-opacity:1" />
|
||||
<defs
|
||||
id="defs30">
|
||||
<linearGradient
|
||||
id="linearGradient8"
|
||||
inkscape:collect="always">
|
||||
<stop
|
||||
style="stop-color:#5b5b5b;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop8" />
|
||||
<stop
|
||||
style="stop-color:#292929;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop9" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint0_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop11" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop12" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint1_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop13" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop14" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint2_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop15" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop16" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint3_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop17" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop18" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint4_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop19" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop20" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint5_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop21" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop22" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint6_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop23" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop24" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint7_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop25" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop26" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint8_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop27" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop28" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint9_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop29" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop30" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint0_linear_200_827"
|
||||
x1="29.933599"
|
||||
y1="29.966999"
|
||||
x2="59.579201"
|
||||
y2="62.929798"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(2.4590919,0,0,2.4590868,-43.987224,-43.02245)">
|
||||
<stop
|
||||
stop-color="#26D1FF"
|
||||
id="stop17-2" />
|
||||
<stop
|
||||
offset="0.545685"
|
||||
stop-color="#0A62F5"
|
||||
id="stop18-9" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#1E05FF"
|
||||
id="stop19-1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint1_linear_200_827"
|
||||
x1="45.967999"
|
||||
y1="28.6367"
|
||||
x2="45.967999"
|
||||
y2="64.033302"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(2.4590919,0,0,2.4590868,-43.987224,-43.02245)">
|
||||
<stop
|
||||
stop-color="#EDEDED"
|
||||
stop-opacity="0"
|
||||
id="stop20-2" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#303030"
|
||||
id="stop21-7" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient8"
|
||||
id="linearGradient9"
|
||||
x1="85.727425"
|
||||
y1="42.863884"
|
||||
x2="-2.508903e-06"
|
||||
y2="42.863884"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
</defs>
|
||||
<path
|
||||
d="m 45.678643,73.496213 v 17.17967 c 0,0.67748 -0.549362,1.22662 -1.226841,1.22662 H 27.558578 c -0.67748,0 -1.226841,-0.54914 -1.226841,-1.22662 v -17.17967 c 0,-0.67748 0.549361,-1.22659 1.226841,-1.22659 h 16.893224 c 0.677479,0 1.226841,0.54911 1.226841,1.22659 z m 0,-22.333424 v 17.179674 c 0,0.67748 -0.549362,1.22659 -1.226841,1.22659 H 27.558578 c -0.67748,0 -1.226841,-0.54911 -1.226841,-1.22659 V 51.162789 c 0,-0.677477 0.549361,-1.226592 1.226841,-1.226592 h 16.893224 c 0.677479,0 1.226841,0.549115 1.226841,1.226592 z m 22.046984,0 v 17.179674 c 0,0.67748 -0.54912,1.22659 -1.2266,1.22659 H 49.605813 c -0.677481,0 -1.226841,-0.54911 -1.226841,-1.22659 V 51.162789 c 0,-0.677477 0.54936,-1.226592 1.226841,-1.226592 h 16.893214 c 0.67748,0 1.2266,0.549115 1.2266,1.226592 z m 0,-22.333425 v 17.179672 c 0,0.677477 -0.54912,1.226592 -1.2266,1.226592 H 49.605813 c -0.677481,0 -1.226841,-0.549115 -1.226841,-1.226592 V 28.829364 c 0,-0.67748 0.54936,-1.226593 1.226841,-1.226593 h 16.893214 c 0.67748,0 1.2266,0.549113 1.2266,1.226593 z m 22.04723,22.333425 v 17.179674 c 0,0.67748 -0.54912,1.22659 -1.2266,1.22659 h -16.89346 c -0.67748,0 -1.2266,-0.54911 -1.2266,-1.22659 V 51.162789 c 0,-0.677477 0.54912,-1.226592 1.2266,-1.226592 h 16.89346 c 0.67748,0 1.2266,0.549115 1.2266,1.226592 z m -22.04723,22.333424 v 17.17967 c 0,0.67748 -0.54912,1.22662 -1.2266,1.22662 H 49.605813 c -0.677481,0 -1.226841,-0.54914 -1.226841,-1.22662 v -17.17967 c 0,-0.67748 0.54936,-1.22659 1.226841,-1.22659 h 16.893214 c 0.67748,0 1.2266,0.54911 1.2266,1.22659 z m 22.04723,-44.666849 v 17.179672 c 0,0.677477 -0.54912,1.226592 -1.2266,1.226592 h -16.89346 c -0.67748,0 -1.2266,-0.549115 -1.2266,-1.226592 V 28.829364 c 0,-0.67748 0.54912,-1.226593 1.2266,-1.226593 h 16.89346 c 0.67748,0 1.2266,0.549113 1.2266,1.226593 z m -44.094214,0 v 17.179672 c 0,0.677477 -0.549362,1.226592 -1.226841,1.226592 H 27.558578 c -0.67748,0 -1.226841,-0.549115 -1.226841,-1.226592 V 28.829364 c 0,-0.67748 0.549361,-1.226593 1.226841,-1.226593 h 16.893224 c 0.677479,0 1.226841,0.549113 1.226841,1.226593 z m 0,67.000289 v 17.179677 c 0,0.67748 -0.549362,1.22659 -1.226841,1.22659 H 27.558578 c -0.67748,0 -1.226841,-0.54911 -1.226841,-1.22659 V 95.829653 c 0,-0.67748 0.549361,-1.22659 1.226841,-1.22659 h 16.893224 c 0.677479,0 1.226841,0.54911 1.226841,1.22659 z M 111.77289,28.829364 v 17.179672 c 0,0.677477 -0.54911,1.226592 -1.22659,1.226592 H 93.653067 c -0.67748,0 -1.22684,-0.549115 -1.22684,-1.226592 V 28.829364 c 0,-0.67748 0.54936,-1.226593 1.22684,-1.226593 H 110.5463 c 0.67748,0 1.22659,0.549113 1.22659,1.226593 z"
|
||||
fill="url(#paint0_linear_200_827)"
|
||||
stroke="url(#paint1_linear_200_827)"
|
||||
stroke-width="0.40985"
|
||||
id="path2-9"
|
||||
style="fill:url(#paint0_linear_200_827);stroke:url(#paint1_linear_200_827)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.9 KiB |
269
website/images/icon.svg
Normal file
269
website/images/icon.svg
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="111.96011"
|
||||
height="114.46101"
|
||||
viewBox="0 0 111.96011 114.46101"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg30"
|
||||
sodipodi:docname="logo3.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="true"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:zoom="8"
|
||||
inkscape:cx="36"
|
||||
inkscape:cy="58.1875"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1128"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg30" />
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="m 84.763099,5.5827991 c 2.06,-2.0602 0.601,-5.58279997600248 -2.312,-5.58279997600248 H 3.2702997 C 1.4641997,-8.7600248e-7 -3.525637e-7,1.4641991 -3.525637e-7,3.2702991 V 82.451 c 0,2.913 3.5226000525637,4.373 5.5828000525637,2.312 L 20.366299,69.98 c 0.6134,-0.613 0.9579,-1.445 0.9579,-2.313 V 24.5965 c 0,-1.8062 1.4642,-3.2703 3.2703,-3.2703 h 43.0706 c 0.868,0 1.699,-0.3446 2.313,-0.9579 z"
|
||||
fill="#ffffff"
|
||||
id="path1"
|
||||
style="fill:url(#linearGradient9);fill-opacity:1" />
|
||||
<defs
|
||||
id="defs30">
|
||||
<linearGradient
|
||||
id="linearGradient8"
|
||||
inkscape:collect="always">
|
||||
<stop
|
||||
style="stop-color:#ffffff;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop8" />
|
||||
<stop
|
||||
style="stop-color:#d3d3d3;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop9" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint0_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop11" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop12" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint1_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop13" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop14" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint2_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop15" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop16" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint3_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop17" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop18" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint4_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop19" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop20" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint5_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop21" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop22" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint6_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop23" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop24" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint7_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop25" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop26" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint8_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop27" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop28" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint9_linear_659_300"
|
||||
x1="166.964"
|
||||
y1="113.94"
|
||||
x2="81.113297"
|
||||
y2="113.94"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(-55.003901,-43.001)">
|
||||
<stop
|
||||
stop-color="#3004A0"
|
||||
id="stop29" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#0567E8"
|
||||
id="stop30" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint0_linear_200_827"
|
||||
x1="29.933599"
|
||||
y1="29.966999"
|
||||
x2="59.579201"
|
||||
y2="62.929798"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(2.4590919,0,0,2.4590868,-43.987224,-43.02245)">
|
||||
<stop
|
||||
stop-color="#26D1FF"
|
||||
id="stop17-2" />
|
||||
<stop
|
||||
offset="0.545685"
|
||||
stop-color="#0A62F5"
|
||||
id="stop18-9" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#1E05FF"
|
||||
id="stop19-1" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint1_linear_200_827"
|
||||
x1="45.967999"
|
||||
y1="28.6367"
|
||||
x2="45.967999"
|
||||
y2="64.033302"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(2.4590919,0,0,2.4590868,-43.987224,-43.02245)">
|
||||
<stop
|
||||
stop-color="#EDEDED"
|
||||
stop-opacity="0"
|
||||
id="stop20-2" />
|
||||
<stop
|
||||
offset="1"
|
||||
stop-color="#303030"
|
||||
id="stop21-7" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient8"
|
||||
id="linearGradient9"
|
||||
x1="85.727425"
|
||||
y1="42.863884"
|
||||
x2="-2.508903e-06"
|
||||
y2="42.863884"
|
||||
gradientUnits="userSpaceOnUse" />
|
||||
</defs>
|
||||
<path
|
||||
d="m 45.678643,73.496213 v 17.17967 c 0,0.67748 -0.549362,1.22662 -1.226841,1.22662 H 27.558578 c -0.67748,0 -1.226841,-0.54914 -1.226841,-1.22662 v -17.17967 c 0,-0.67748 0.549361,-1.22659 1.226841,-1.22659 h 16.893224 c 0.677479,0 1.226841,0.54911 1.226841,1.22659 z m 0,-22.333424 v 17.179674 c 0,0.67748 -0.549362,1.22659 -1.226841,1.22659 H 27.558578 c -0.67748,0 -1.226841,-0.54911 -1.226841,-1.22659 V 51.162789 c 0,-0.677477 0.549361,-1.226592 1.226841,-1.226592 h 16.893224 c 0.677479,0 1.226841,0.549115 1.226841,1.226592 z m 22.046984,0 v 17.179674 c 0,0.67748 -0.54912,1.22659 -1.2266,1.22659 H 49.605813 c -0.677481,0 -1.226841,-0.54911 -1.226841,-1.22659 V 51.162789 c 0,-0.677477 0.54936,-1.226592 1.226841,-1.226592 h 16.893214 c 0.67748,0 1.2266,0.549115 1.2266,1.226592 z m 0,-22.333425 v 17.179672 c 0,0.677477 -0.54912,1.226592 -1.2266,1.226592 H 49.605813 c -0.677481,0 -1.226841,-0.549115 -1.226841,-1.226592 V 28.829364 c 0,-0.67748 0.54936,-1.226593 1.226841,-1.226593 h 16.893214 c 0.67748,0 1.2266,0.549113 1.2266,1.226593 z m 22.04723,22.333425 v 17.179674 c 0,0.67748 -0.54912,1.22659 -1.2266,1.22659 h -16.89346 c -0.67748,0 -1.2266,-0.54911 -1.2266,-1.22659 V 51.162789 c 0,-0.677477 0.54912,-1.226592 1.2266,-1.226592 h 16.89346 c 0.67748,0 1.2266,0.549115 1.2266,1.226592 z m -22.04723,22.333424 v 17.17967 c 0,0.67748 -0.54912,1.22662 -1.2266,1.22662 H 49.605813 c -0.677481,0 -1.226841,-0.54914 -1.226841,-1.22662 v -17.17967 c 0,-0.67748 0.54936,-1.22659 1.226841,-1.22659 h 16.893214 c 0.67748,0 1.2266,0.54911 1.2266,1.22659 z m 22.04723,-44.666849 v 17.179672 c 0,0.677477 -0.54912,1.226592 -1.2266,1.226592 h -16.89346 c -0.67748,0 -1.2266,-0.549115 -1.2266,-1.226592 V 28.829364 c 0,-0.67748 0.54912,-1.226593 1.2266,-1.226593 h 16.89346 c 0.67748,0 1.2266,0.549113 1.2266,1.226593 z m -44.094214,0 v 17.179672 c 0,0.677477 -0.549362,1.226592 -1.226841,1.226592 H 27.558578 c -0.67748,0 -1.226841,-0.549115 -1.226841,-1.226592 V 28.829364 c 0,-0.67748 0.549361,-1.226593 1.226841,-1.226593 h 16.893224 c 0.677479,0 1.226841,0.549113 1.226841,1.226593 z m 0,67.000289 v 17.179677 c 0,0.67748 -0.549362,1.22659 -1.226841,1.22659 H 27.558578 c -0.67748,0 -1.226841,-0.54911 -1.226841,-1.22659 V 95.829653 c 0,-0.67748 0.549361,-1.22659 1.226841,-1.22659 h 16.893224 c 0.677479,0 1.226841,0.54911 1.226841,1.22659 z M 111.77289,28.829364 v 17.179672 c 0,0.677477 -0.54911,1.226592 -1.22659,1.226592 H 93.653067 c -0.67748,0 -1.22684,-0.549115 -1.22684,-1.226592 V 28.829364 c 0,-0.67748 0.54936,-1.226593 1.22684,-1.226593 H 110.5463 c 0.67748,0 1.22659,0.549113 1.22659,1.226593 z"
|
||||
fill="url(#paint0_linear_200_827)"
|
||||
stroke="url(#paint1_linear_200_827)"
|
||||
stroke-width="0.40985"
|
||||
id="path2-9"
|
||||
style="fill:url(#paint0_linear_200_827);stroke:url(#paint1_linear_200_827)" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 9.9 KiB |
|
|
@ -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">
|
||||
|
|
@ -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>
|
||||
|
|
@ -194,9 +202,9 @@
|
|||
|
||||
<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 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://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 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>
|
||||
|
|
@ -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