Website Redesign

This commit is contained in:
Lako
2024-07-24 00:58:14 -04:00
parent 2827a627af
commit 2e64e88c32
11 changed files with 768 additions and 114 deletions

87
dl.html
View File

@@ -1,48 +1,57 @@
<!--OpenFK Help by Lako-->
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="favicondl.ico" type="image/x-icon" />
<title>OpenFK</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OpenFK is an open source replacement for the U.B. Funkeys executable.">
<meta property="og:title" content="Download OpenFK" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gittymac.github.io/OpenFK/dl.html" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logodl.png" />
<meta property="og:description" content="OpenFK is an open source replacement for the U.B. Funkeys executable." />
</head>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>OpenFK</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OpenFK is an open source replacement for the U.B. Funkeys executable.">
<meta property="og:title" content="Download OpenFK" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gittymac.github.io/OpenFK/dl.html" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logo.png" />
<meta property="og:description" content="OpenFK is an open source replacement for the U.B. Funkeys executable." />
</head>
<body>
<div class="sidenav">
<a href="index.html"><img src="logo.svg" width="32px" alt="OpenFK Logo" style='vertical-align: middle;' />
<b>OpenFK</b></a>
<a> | </a>
<a href="index.html">Home</a>
<a>Downloads</a>
<a><b>Downloads</b></a>
<a href="help.html">Help</a>
<a href="https://github.com/GittyMac/OpenFK">Github</a>
</div>
<body>
<marquee style="padding-top: 10px;" scrollamount="10">OpenFK 2.0 now out!</marquee>
<img src="logodl.png" alt="OpenFK Logo with Download Arrow"/>
</div>
<div class="center">
<h1>Download OpenFK</h1>
<h3>Download OpenFK here! <br> You will need to have the U.B. Funkeys game installed.</h3>
<h2>Download Links</h2>
<a class="dl" href="https://github.com/GittyMac/OpenFK/releases/download/v2.0/OpenFK.2.0.x64.zip">Download (x64)</a>
<p></p>
<a class="dl" href="https://github.com/GittyMac/OpenFK/releases/download/v2.0/OpenFK.2.0.x86.zip">Download (x86)</a>
<h2>How to Install</h2>
<p>
OpenFK requires some manual work to set it up fully.<br> Put the contents of the OpenFK release into your RadicaGame folder.
<br>You will also need to find the Flash.ocx file, OpenFK will prompt you to download a compatible version if you don't have one.
<br>If it doesn't prompt you, you can download and use the <a href="https://github.com/GittyMac/OpenFK/releases/download/v1.5/FetchOCX.bat" >FetchOCX.bat</a> utility.
<br>Be sure to run the 'Configure OpenFK.bat' file to choose from some choices!
</p>
<h2>How to use USB Support</h2>
<p>
<strong>To use USB support, you will need to have the MegaByte drivers installed.</strong>
<br>Enable USB Support in the OpenFK configuration.
<br>Now you can use USB with OpenFK! (customF and USB can work together!)
<br><em>Please note USB support currently uses a workaround which can sometimes not work correctly.</em>
</p>
</body>
</html>
<p>Select the version of OpenFK you would like to install. If unsure, most Windows 10 PCs and all Windows 11
installations would use the x64 version. If you are installing OpenFK on Linux using Wine, use the x86 version
due to compatibility issues related to Adobe Flash Player.</p>
<a class="imgButton" style="background-color: #66f86e; font-size: 36px;"
href="https://github.com/GittyMac/OpenFK/releases/download/v2.0/OpenFK.2.0.x64.zip">Download (x64)</a>
<a class="imgButton" style="background-color: #66f86e; font-size: 36px;"
href="https://github.com/GittyMac/OpenFK/releases/download/v2.0/OpenFK.2.0.x86.zip">Download (x86)</a>
<h2>Installation Instructions</h2>
<p>To install OpenFK, you need an existing installation of the U.B. Funkeys game along with .NET Framework 4.5.
After downloading the ZIP file, simply extract the contents into the RadicaGame folder of your U.B. Funkeys
installation directory. When the extraction process has finished, simply run OpenFK instead of UBFunkeys.exe to
play.</p>
<h2>Flash.OCX Information</h2>
<p>OpenFK, like UBFunkeys.exe, still requires Adobe Flash Player to power the game itself. It however does not
require an active installation of Adobe Flash Player, only loading an ActiveX plugin file when opened. Due to
Adobe's restriction of redistributing Adobe Flash Player files, OpenFK fetches an OCX file from Windows Update.
You will get a pop-up when you first launch OpenFK prompting to fetch a Flash.OCX file. Clicking yes will
trigger OpenFK's fetching process, which will result in Flash.OCX being downloaded. After the fetching process,
OpenFK will restart and launch the U.B. Funkeys game. For Linux users, you will need to use an OCX from Adobe
Flash Player 10 due to Wine compatibility issues.</p>
</div>
<footer class="footer">
<a>A project by <img src='https://github.com/GittyMac/GittyMac/raw/master/Assets/lakowordmark_l.svg' width="128"
style='vertical-align: middle;' /></a>
</footer>
</body>
</html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 324 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 139 KiB

View File

@@ -2,7 +2,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="faviconw.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>OpenFK</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -10,32 +10,36 @@
<meta property="og:title" content="OpenFK Help" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gittymac.github.io/OpenFK/help.html" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logow.png" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logo.png" />
<meta property="og:description" content="OpenFK is an open source replacement for the U.B. Funkeys executable." />
</head>
<div class="sidenav">
<a href="index.html">Home</a>
<a href="dl.html">Downloads</a>
<a>Help</a>
<a href="https://github.com/GittyMac/OpenFK">Github</a>
</div>
<body>
<marquee style="padding-top: 10px;" scrollamount="10">OpenFK 2.0 now out!</marquee>
<img src="logow.png" alt="OpenFK Logo with Wrench"/>
<h1>OpenFK Help</h1>
<h3>Common issues and solutions</h3>
<div class="sidenav">
<a href="index.html"><img src="logo.svg" width="32px" alt="OpenFK Logo" style='vertical-align: middle;' />
<b>OpenFK</b></a>
<a> | </a>
<a href="index.html">Home</a>
<a href="dl.html">Downloads</a>
<a><b>Help</b></a>
<a href="https://github.com/GittyMac/OpenFK">Github</a>
</div>
<h2>It says I have no OCX!</h2>
<p>There will be a popup that will ask you if you want to install Flash.OCX</p>
<h2>My USB isn't working!</h2>
<p>Make sure the MegaByte drivers are properly installed and that USB support is enabled in OpenFK.</p>
<h2>A game from Paradox Green isn't working properly!</h2>
<p>Actionscript 3 support is currently fairly experimental, so expect some bugs.</p>
<h2>I can't go online!</h2>
<p>There are currently no active servers, so you will have to play offline.</p>
<h2>The game doesn't look properly scaled!</h2>
<p>This one is a strange one. The way the game scales is not that good, and will result in some glitches which depends on the resolution. <br> Try using the 'Stretch 4:3' option which will use the original 800x600 resolution.</p>
<div class="center">
<h1>OpenFK Help</h1>
<p>This page will contain several pieces of advice about using OpenFK.</p>
<h2>Incompatibilities</h2>
<p>OpenFK has been made to closely mimic the original UBFunkeys.exe, reaching near feature parity since v1.5. However, due to the way OpenFK was made, it can still have issues that only occur with OpenFK. These primarily occur in areas that have not been fully implemented and tested. These include the Paradox Green minigames and network connectivity. If you can find replicable errors with OpenFK, make sure to place an issue on GitHub.</p>
<h2>RDF Conversion</h2>
<p>OpenFK v1.3+ supports decoding of the game's RDFv2 files. However the decoding process is not perfect, as there are issues with special characters which return garbled text instead. This can make the in-game text hard to read in localized versions of the game. OpenFK also does not currently implement decoding of RDFv1 files. This means that you will have to manually provide XMLs if you are playing older versions of U.B. Funkeys.</p>
<h2>Network Connectivity</h2>
<p>OpenFK handles the 'netcommands' function that is required for the game to properly communicate to external servers. However, there are currently no active servers for U.B. Funkeys at the moment. There are projects such as UBFunkeysServer and A1Emu that aim to reimplement the servers, but they are out of the scope for the OpenFK project.</p>
</div>
<footer class="footer">
<a href="https://gittymac.github.io/">A project by <img
src='https://github.com/GittyMac/GittyMac/raw/master/Assets/lakowordmark_l.svg' width="128"
style='vertical-align: middle;' /></a>
</footer>
</body>
</html>

View File

@@ -1,32 +1,46 @@
<!--OpenFK Webpage by Lako-->
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>OpenFK</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OpenFK is an open source replacement for the U.B. Funkeys executable.">
<meta property="og:title" content="OpenFK" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gittymac.github.io/OpenFK/index.html" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logo.png" />
<meta property="og:description" content="OpenFK is an open source replacement for the U.B. Funkeys executable." />
</head>
<head>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<title>OpenFK</title>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="OpenFK is an open source replacement for the U.B. Funkeys executable.">
<meta property="og:title" content="OpenFK" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://gittymac.github.io/OpenFK/index.html" />
<meta property="og:image" content="https://gittymac.github.io/OpenFK/logo.png" />
<meta property="og:description" content="OpenFK is an open source replacement for the U.B. Funkeys executable." />
</head>
<body>
<div class="sidenav">
<a>Home</a>
<a href="index.html"><img src="logo.svg" width="32px" alt="OpenFK Logo" style='vertical-align: middle;' /> <b>OpenFK</b></a>
<a> | </a>
<a><b>Home</b></a>
<a href="dl.html">Downloads</a>
<a href="help.html">Help</a>
<a href="https://github.com/GittyMac/OpenFK">Github</a>
</div>
</div>
<body>
<marquee style="padding-top: 10px;" scrollamount="10">OpenFK 2.0 now out!</marquee>
<img src="logo.png" alt="OpenFK Logo"/>
<div class="center">
<img src="logo.svg" width="250" alt="OpenFK Logo" />
<h1>OpenFK</h1>
<h3>An open source replacement for the U.B. Funkeys executable. <br> Use the top bar to navigate the website.</h2>
<h3>OpenFK is an open source replacement for the U.B. Funkeys executable. It aims to enable the game to be
played
without having Adobe Flash Player installed, making it easier to play on modern operating systems.</h3>
<a class="imgButton" style="background-color: #66f86e;" href="dl.html">Download</a>
<a class="imgButton" href="help.html">Learn More</a>
</div>
<p></p>
</body>
</html>
<footer class="footer">
<a href="https://gittymac.github.io/">A project by <img
src='https://github.com/GittyMac/GittyMac/raw/master/Assets/lakowordmark_l.svg' width="128"
style='vertical-align: middle;' /></a>
</footer>
</body>
</html>

BIN
logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 52 KiB

584
logo.svg Normal file
View File

@@ -0,0 +1,584 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 135.46666 135.46667"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
sodipodi:docname="openfk4.svg"
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="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="0.78515624"
inkscape:cx="192.31841"
inkscape:cy="233.71145"
inkscape:window-width="1920"
inkscape:window-height="1011"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="g1"
showgrid="false" />
<defs
id="defs1">
<linearGradient
id="linearGradient4"
inkscape:collect="always">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop3" />
<stop
style="stop-color:#d9d9d9;stop-opacity:1;"
offset="1"
id="stop4" />
</linearGradient>
<linearGradient
id="linearGradient2"
inkscape:collect="always">
<stop
style="stop-color:#f2f2f2;stop-opacity:1;"
offset="0"
id="stop1" />
<stop
style="stop-color:#bfbfbf;stop-opacity:1;"
offset="1"
id="stop2" />
</linearGradient>
<linearGradient
id="linearGradient24"
inkscape:collect="always">
<stop
style="stop-color:#000000;stop-opacity:1;"
offset="0"
id="stop24" />
<stop
style="stop-color:#4e4e4e;stop-opacity:1;"
offset="1"
id="stop25" />
</linearGradient>
<linearGradient
id="linearGradient22"
inkscape:collect="always">
<stop
style="stop-color:#cccccc;stop-opacity:1;"
offset="0"
id="stop22" />
<stop
style="stop-color:#808080;stop-opacity:1;"
offset="1"
id="stop23" />
</linearGradient>
<linearGradient
id="linearGradient19"
inkscape:collect="always">
<stop
style="stop-color:#f2f2f2;stop-opacity:1;"
offset="0"
id="stop19" />
<stop
style="stop-color:#bfbfbf;stop-opacity:1;"
offset="1"
id="stop20" />
</linearGradient>
<linearGradient
id="linearGradient12"
inkscape:collect="always">
<stop
style="stop-color:#f2f2f2;stop-opacity:1;"
offset="0"
id="stop12" />
<stop
style="stop-color:#bfbfbf;stop-opacity:1;"
offset="1"
id="stop13" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient12"
id="linearGradient13"
x1="39.277431"
y1="40.539207"
x2="95.258461"
y2="105.62809"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient2"
id="linearGradient20"
x1="27.056641"
y1="32.2234"
x2="59.813499"
y2="59.069008"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-0.11054255)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient22"
id="linearGradient23"
x1="42.880589"
y1="48.589783"
x2="89.194633"
y2="99.841682"
gradientUnits="userSpaceOnUse" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient24"
id="linearGradient25"
x1="50.826778"
y1="86.416763"
x2="60.260647"
y2="58.87109"
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-0.27623763,-0.25000009)" />
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter34"
x="-0.17633332"
y="-0.22773534"
width="1.4016481"
height="1.5187305">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood33" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur33" />
<feOffset
result="offset"
in="blur"
dx="2.000000"
dy="2.000000"
id="feOffset33" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite33" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite34" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient19"
id="linearGradient77"
gradientUnits="userSpaceOnUse"
x1="27.056641"
y1="32.2234"
x2="59.813499"
y2="59.069008"
gradientTransform="translate(48.522266)" />
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter79"
x="-0.14498717"
y="-0.14455723"
width="1.3302485"
height="1.2284545">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood78" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur78" />
<feOffset
result="offset"
in="blur"
dx="2.000000"
dy="2.000000"
id="feOffset78" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite78" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite79" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter81"
x="-0.16999944"
y="-0.16999944"
width="1.3872209"
height="1.3872209">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood79" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur79" />
<feOffset
result="offset"
in="blur"
dx="2.000000"
dy="2.000000"
id="feOffset79" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite80" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite81" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter83"
x="-0.16999944"
y="-0.16999944"
width="1.3872209"
height="1.3872209">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood81" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur81" />
<feOffset
result="offset"
in="blur"
dx="2.000000"
dy="2.000000"
id="feOffset81" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite82" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite83" />
</filter>
<filter
style="color-interpolation-filters:sRGB;"
inkscape:label="Drop Shadow"
id="filter3"
x="-0.4625792"
y="-0.22773534"
width="1.9894055"
height="1.4871006">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood2" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur2" />
<feOffset
result="offset"
in="blur"
dx="1.000000"
dy="1.000000"
id="feOffset2" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite2" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite3" />
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter3-3"
x="-0.4625792"
y="-0.22773534"
width="1.9894055"
height="1.4871006">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood2-7" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur2-5" />
<feOffset
result="offset"
in="blur"
dx="1.000000"
dy="1.000000"
id="feOffset2-9" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite2-2" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite3-2" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4"
id="linearGradient1"
gradientUnits="userSpaceOnUse"
x1="50.826778"
y1="86.416763"
x2="60.260647"
y2="58.87109"
gradientTransform="translate(-64.940056,-60.748969)" />
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter3-4"
x="-0.4625792"
y="-0.22773534"
width="1.9894055"
height="1.4871006">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood2-5" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur2-2" />
<feOffset
result="offset"
in="blur"
dx="1.000000"
dy="1.000000"
id="feOffset2-5" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite2-4" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite3-7" />
</filter>
<filter
style="color-interpolation-filters:sRGB"
inkscape:label="Drop Shadow"
id="filter3-3-3"
x="-0.4625792"
y="-0.22773534"
width="1.9894055"
height="1.4871006">
<feFlood
result="flood"
in="SourceGraphic"
flood-opacity="0.498039"
flood-color="rgb(0,0,0)"
id="feFlood2-7-0" />
<feGaussianBlur
result="blur"
in="SourceGraphic"
stdDeviation="3.000000"
id="feGaussianBlur2-5-7" />
<feOffset
result="offset"
in="blur"
dx="1.000000"
dy="1.000000"
id="feOffset2-9-8" />
<feComposite
result="comp1"
operator="in"
in="flood"
in2="offset"
id="feComposite2-2-6" />
<feComposite
result="comp2"
operator="over"
in="SourceGraphic"
in2="comp1"
id="feComposite3-2-8" />
</filter>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient4"
id="linearGradient1-8"
gradientUnits="userSpaceOnUse"
x1="50.826778"
y1="86.416763"
x2="60.260647"
y2="58.87109"
gradientTransform="translate(-64.940056,-60.748969)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient24"
id="linearGradient8"
gradientUnits="userSpaceOnUse"
x1="50.826778"
y1="86.416763"
x2="60.260647"
y2="58.87109" />
</defs>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g22"
transform="translate(1.3594692,-0.59999923)">
<g
id="g1"
transform="matrix(1.4219661,0,0,1.4219661,-29.94064,-31.183194)">
<circle
style="fill:url(#linearGradient20);fill-opacity:1;stroke:none;stroke-width:1.417;stroke-linecap:round;stroke-linejoin:round"
id="path2"
cx="43.416931"
cy="45.533455"
r="21.17654" />
<circle
style="fill:url(#linearGradient77);fill-opacity:1;stroke:none;stroke-width:1.417;stroke-linecap:round;stroke-linejoin:round"
id="path2-5"
cx="92.049736"
cy="45.533455"
r="21.17654" />
<circle
style="opacity:1;fill:url(#linearGradient13);fill-opacity:1;stroke:none;stroke-width:1.417;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:1"
id="path1"
cx="67.73333"
cy="72.683388"
r="42.930019" />
<circle
style="opacity:1;fill:url(#linearGradient23);fill-opacity:1;stroke:none;stroke-width:1.303;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="path22"
cx="67.73333"
cy="72.683388"
r="34.614456" />
<g
id="g9">
<rect
style="fill:url(#linearGradient25);fill-opacity:1;stroke:none;stroke-width:0.770591;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3)"
id="rect23"
width="15.564902"
height="31.615646"
x="47.525387"
y="56.625565"
rx="10"
ry="10" />
<rect
style="fill:url(#linearGradient1);fill-opacity:1;stroke:none;stroke-width:0.770591;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;filter:url(#filter3-3)"
id="rect23-93"
width="15.564902"
height="31.615646"
x="-17.138433"
y="-3.873404"
rx="10"
ry="10"
transform="matrix(0.58986718,0,0,0.58986718,63.421298,61.328631)" />
<g
id="g8-9"
transform="matrix(-1,0,0,1,135.25873,-0.75000027)">
<g
id="g26-20"
transform="translate(-0.48417117)"
style="filter:url(#filter3-4)">
<rect
style="opacity:1;fill:url(#linearGradient8);fill-opacity:1;stroke:none;stroke-width:0.770591;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect23-6"
width="15.564902"
height="31.615646"
x="47.801624"
y="56.875565"
rx="10"
ry="10" />
</g>
<g
id="g26-2-8"
transform="matrix(0.58986718,0,0,0.58986718,63.213364,61.578631)"
style="filter:url(#filter3-3-3)">
<rect
style="opacity:1;fill:url(#linearGradient1-8);fill-opacity:1;stroke:none;stroke-width:0.770591;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect23-93-9"
width="15.564902"
height="31.615646"
x="-17.138433"
y="-3.873404"
rx="10"
ry="10" />
</g>
</g>
</g>
</g>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

BIN
logow.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.9 KiB

105
style.css
View File

@@ -1,59 +1,102 @@
body
{
font-family: 'Comic Sans MS';
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin: 0;
background-color: #ededed;
position: relative;
min-height: 100vh;
}
marquee
{
font-weight: bold;
font-size: 24px;
marquee {
font-weight: bold;
font-size: 24px;
}
h1
{
font-size: 78px;
margin-top: 0px;
margin-bottom: 0px;
h1 {
font-size: 78px;
margin-top: 5px;
margin-bottom: 5px;
}
h2
{
font-size: 48px;
margin-top: 0px;
margin-bottom: 0px;
h2 {
font-size: 48px;
margin-top: 0px;
margin-bottom: 0px;
}
h3
{
font-size: 24px;
margin-top: 0px;
margin-bottom: 0px;
h3 {
font-size: 18px;
margin: 0 auto;
width: 50%;
}
.dl
{
p {
font-size: 18px;
margin: 0 auto;
width: 50%;
}
a{
padding:5px;
text-decoration: none;
color: black;
}
.dl {
font-weight: bold;
font-style: italic;
font-size: 72px;
color: seagreen;
}
.sidenav
{
.sidenav {
margin: auto;
width: 50%;
width: auto;
height: auto;
position: relative;
overflow: auto;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
color: white;
background-color: #f2f2f2;
font-size: 24px;
text-align: center;
text-align: left;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
border-radius: 20px;
}
.imgButton {
display: inline-block;
position: relative;
top: 0;
transition: ease 0.5s;
background-color: #62cdfe;
color: black;
padding: 10px;
width: fit-content;
margin: 10px;
margin-left: 0;
border-radius: 10px;
white-space: nowrap;
text-decoration: none;
}
.imgButton:hover {
background-image: linear-gradient(rgb(0 0 0/20%) 0 0);
}
.footer{
position: absolute;
bottom: 0;
width: 100%;
height: 5rem;
}
.center
{
width: 100%;
margin: 0;
padding-bottom: 5rem;
padding-top: 40px;
}