Website Redesign
87
dl.html
@@ -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>
|
||||
BIN
favicon.ico
|
Before Width: | Height: | Size: 139 KiB After Width: | Height: | Size: 324 KiB |
BIN
favicondl.ico
|
Before Width: | Height: | Size: 139 KiB |
BIN
faviconw.ico
|
Before Width: | Height: | Size: 139 KiB |
50
help.html
@@ -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>
|
||||
|
||||
56
index.html
@@ -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
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 52 KiB |
584
logo.svg
Normal 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 |
BIN
logodl.png
|
Before Width: | Height: | Size: 4.4 KiB |
105
style.css
@@ -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;
|
||||
}
|
||||