Skip to content

Commit eb59ffa

Browse files
authored
SITE REVAMP
* First CSS Update Added some changes to the background, header and such. NOT COMPLETE YET * Update styles.css * New logo * Delete Color.png * New Lofo * Delete fetchcord.png Replaced by new logo * Add files via upload * Update styles.css * Update styles.css * some font definition changes * mostly font and color changes * Delete fetchcord.png * Add files via upload * Delete fetchcord.png * Add files via upload * Changed shadow style and removed outlines * Delete fetchcord.png * Add files via upload * Update styles.css * Update styles.css * Update index.html * Update index.html * Update styles.css * Update styles.css * Update index.html * Update index.html * made gallery adaptive * Delete favicon.ico * Add files via upload * Update LICENSE.md * Update styles.css * Update styles.css * Update about.html * Update about.html * Update styles.css * changed header to match with css * removed text centering * Update styles.css * Update credits.html * Update credits.html * Update discord.html * Update styles.css * Update styles.css * removed the em parts * Update credits.html * Update about.html * Update discord.html * Update index.html * Update index.html * Update index.html * added vertical lines * Update index.html * Update styles.css * Update index.html * Update styles.css * Update styles.css * Update styles.css * Update index.html * Update styles.css * Update discord.html * Update styles.css * Update about.html * Update credits.html * Update discord.html * Update styles.css * Update linux.html * Update styles.css * Update linux.html * Update credits.html * Update macos.html * Update macos.html * Update windows.html * Delete discord.png * Delete linux.png * Delete macos.png * Delete windows.png * Delete about.png
1 parent 9de4ec7 commit eb59ffa

15 files changed

+406
-385
lines changed

about.html

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
1+
<html lang="en"><head>
42
<title>FetchCord</title>
53
<meta content="text/html" charset="UTF-8" http-equiv="Content-Type">
64
<meta content="UTF-8" http-equiv="encoding">
@@ -11,34 +9,42 @@
119

1210
<body>
1311
<div class="navbar">
12+
<div class="navbuttons">
1413
<a href="index.html">Home</a>
15-
<a href="about.html">About</a>
14+
<div class="vl"></div>
15+
<div class="on"> <a href="about.html">About</a> </div>
16+
<div class="vl"></div>
1617
<a href="credits.html">Credits</a>
18+
<div class="vl"></div>
1719
<a href="discord.html">Discord</a>
18-
20+
</div>
21+
1922
<div class="dropdown">
20-
<button class="dropbtn">Installation
21-
<em class="fa fa-caret-down"></i>
22-
</button>
23-
24-
<div class="dropdown-content">
23+
<button class="dropbtn">Installation v</button>
24+
<div class="dropdown-content">
2525
<a href="linux.html">Linux</a>
2626
<a href="macos.html">MacOS</a>
2727
<a href="windows.html">Windows</a>
2828
</div>
29-
</div>
29+
</div>
30+
31+
</div>
32+
<header class="header">
33+
<div class="logo">
34+
<img alt="Homepage Header" src="fetchcord.png" style="height: 151px;">
3035
</div>
31-
32-
<header class="head1"><img alt="header image" src="about.png" /></header>
36+
<div class="headertxt">
37+
<h1>FetchCord</h1>
38+
<h2>About</h2>
39+
</div>
40+
</header>
3341

34-
<p class="about1">
35-
<h2>
36-
FetchCord is an application mainly aimed towards Linux users which grabs OS and Hardware information and displays
37-
it as a Discord Rich Presence. Although the application is aimed towards Linux users, it also runs on Microsoft
38-
Windows and MacOS with minimal changes. To run, it requires Python, PyPresence, NeoFetch and (in most cases, PIP).
39-
For Linux users who use Systemd, it is possible to integrate FetchCord to start with your system, although this is
40-
still achievable in most cases by just adding it to startup applications or making a startup script.
41-
</h2>
42-
</p>
43-
</body>
44-
</html>
42+
<div class="textbg">
43+
<p>
44+
FetchCord is an application mainly aimed towards Linux users which grabs OS and Hardware information and displays it as a Discord Rich Presence. Although the application is aimed towards Linux users, it also runs on Microsoft Windows and MacOS with minimal changes.
45+
</p>
46+
<br>
47+
<p>To run, it requires Python, PyPresence, NeoFetch and (in most cases, PIP). For Linux users who use Systemd, it is possible to integrate FetchCord to start with your system, although this is still achievable in most cases by just adding it to startup applications or making a startup script.
48+
</p>
49+
</div>
50+
<p></p></body></html>

about.png

-22.1 KB
Binary file not shown.

credits.html

Lines changed: 35 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
1+
<html lang="en"><head>
42
<title>FetchCord</title>
53
<meta content="text/html" charset="UTF-8" http-equiv="Content-Type">
64
<meta content="UTF-8" http-equiv="encoding">
@@ -10,65 +8,67 @@
108
</head>
119

1210
<body>
11+
1312
<div class="navbar">
13+
<div class="navbuttons">
1414
<a href="index.html">Home</a>
15+
<div class="vl"></div>
1516
<a href="about.html">About</a>
16-
<a href="credits.html">Credits</a>
17+
<div class="vl"></div>
18+
<div class="on"> <a href="credits.html">Credits</a> </div>
19+
<div class="vl"></div>
1720
<a href="discord.html">Discord</a>
18-
21+
</div>
22+
1923
<div class="dropdown">
20-
<button class="dropbtn">Installation
21-
<em class="fa fa-caret-down"></i>
22-
</button>
23-
<div class="dropdown-content">
24+
<button class="dropbtn">Installation v</button>
25+
<div class="dropdown-content">
2426
<a href="linux.html">Linux</a>
2527
<a href="macos.html">MacOS</a>
2628
<a href="windows.html">Windows</a>
2729
</div>
28-
</div>
30+
</div></div>
31+
<header class="header">
32+
<div class="logo">
33+
<img alt="Homepage Header" src="fetchcord.png" style="height: 151px;">
2934
</div>
30-
31-
<header class="head5"><img alt="header image" src="credits.png" /></header>
32-
33-
<p class="creators">
34-
<strong>> Creators:</strong>
35-
</p>
36-
<p class="creators1">
35+
<div class="headertxt">
36+
<h1>FetchCord</h1>
37+
<h2>Credits</h2>
38+
</div>
39+
</header>
40+
<div class="textbg">
41+
<h2>&gt; Creators</h2><br>
42+
<p>
3743
BlivionlaG (Kévin Le Torc'h), MrPotatoBobx, HyperKVM (Annie)
3844
</p>
3945

4046
&nbsp;
4147

42-
<p class="sitecreators">
43-
<strong>> Site Creators:</strong>
44-
</p>
45-
<p class="sitecreators">
46-
MelonicOverlord (MelonMan)</strong>
48+
<h2>&gt; Site Creators</h2><br>
49+
<p>
50+
MelonicOverlord (MelonMan)
4751
</p>
4852

4953
&nbsp;
5054

51-
<p class="siteconts">
52-
<strong>> Site Contributors:</strong>
53-
</p>
54-
<p class="siteconts1">
55-
GameHogPlays/Lukas-Batema (Lukas Batema)
55+
<h2>&gt; Site Contributors</h2><br>
56+
<p>
57+
GameHogPlays/Lukas-Batema (Lukas Batema), error.not.found
5658
</p>
5759

5860
&nbsp;
5961

60-
<p class="conts">
61-
<strong>> Fetchcord Contributors:</strong>
62-
</p>
63-
<p class="conts1">
62+
<h2>&gt; Fetchcord Contributors</h2><br>
63+
<p>
6464
JamiKettunen (Jami Kettunen), GingkathFox (Gingka Akiyama), UtopicUnicorns (.initrd), killbots2021 (ModernMC), TabulateJarI8 (Tabulate), Lolihunter1337 (Nico Hartwig), MrPotatoBobx, ByteCommander (ByteCommander),
6565
cheeesy (cheeesy), HikariKnight (HikariKnight)
6666
</p>
6767

6868
&nbsp;
6969

7070
<p>
71-
<strong>^ Contributed To Fetchcord But Your Name Isn't Above? DM MelonicOverlord#6655 Or BlivionlaG#4574 On Discord! ^</strong>
72-
</p>
73-
</body>
74-
</html>
71+
^ Contributed To Fetchcord But Your Name Isn't Above? DM MelonicOverlord#6655 Or BlivionlaG#4574 On Discord! ^
72+
</p>
73+
</div>
74+
</body></html>

discord.html

Lines changed: 26 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
1+
<html lang="en"><head>
42
<title>FetchCord</title>
53
<meta content="text/html" charset="UTF-8" http-equiv="Content-Type">
64
<meta content="UTF-8" http-equiv="encoding">
@@ -10,28 +8,38 @@
108
</head>
119

1210
<body>
11+
1312
<div class="navbar">
13+
<div class="navbuttons">
1414
<a href="index.html">Home</a>
15+
<div class="vl"></div>
1516
<a href="about.html">About</a>
17+
<div class="vl"></div>
1618
<a href="credits.html">Credits</a>
17-
<a href="discord.html">Discord</a>
18-
19+
<div class="vl"></div>
20+
<div class="on"> <a href="discord.html">Discord</a></div>
21+
</div>
22+
1923
<div class="dropdown">
20-
<button class="dropbtn">Installation
21-
<em class="fa fa-caret-down"></i>
22-
</button>
23-
24-
<div class="dropdown-content">
24+
<button class="dropbtn">Installation v</button>
25+
<div class="dropdown-content">
2526
<a href="linux.html">Linux</a>
2627
<a href="macos.html">MacOS</a>
2728
<a href="windows.html">Windows</a>
2829
</div>
29-
</div>
30-
</div>
31-
32-
<header class="head6"><img alt="header image" src="discord.png" /></header>
33-
<div class="adblock"><header>NOTE: If you see nothing, it is most likely because your ad blocker has blocked the Discord widget. To fix this, temporarily disable it and refresh the site :)</header></div>
34-
<div class="discordframe"><iframe src="https://discord.com/widget?id=742068289278312549&theme=dark" width="1300" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></div>
35-
</body>
36-
</html>
30+
</div>
31+
</div>
3732

33+
<header class="header">
34+
<div class="logo">
35+
<img alt="Homepage Header" src="fetchcord.png" style="height: 151px;">
36+
</div>
37+
<div class="headertxt">
38+
<h1>FetchCord</h1>
39+
<h2>Discord</h2>
40+
</div>
41+
</header>
42+
<div class="textbg"><p>NOTE: If you see nothing, it is most likely because your ad blocker has blocked the Discord widget. To fix this, temporarily disable it and refresh the site :)</p></div>
43+
<div class="discordframe"><iframe src="https://discord.com/widget?id=742068289278312549&amp;theme=dark" width="100%" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe></div>
44+
45+
</body></html>

discord.png

-179 KB
Binary file not shown.

favicon.ico

-5.42 KB
Binary file not shown.

fetchcord.png

137 KB
Loading

index.html

Lines changed: 36 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,72 @@
1-
<!DOCTYPE html>
2-
<html lang="en">
3-
<head>
1+
<html lang="en"><head>
42
<title>FetchCord</title>
5-
<meta content="content-type" type="text/html; charset=utf-8" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1.00, user-scalable=false;" />
7-
<link type="text/css" rel="stylesheet" href="styles.css" />
3+
<meta content="content-type" type="text/html; charset=utf-8">
4+
<meta name="viewport" content="width=device-width, initial-scale=1.00, user-scalable=false;">
5+
<link type="text/css" rel="stylesheet" href="styles.css">
86
<script type="text/javascript" src="script.js"></script>
97
<link rel="icon" href="favicon.ico">
108
</head>
119

1210
<body>
1311
<div class="navbar">
14-
<a href="index.html">Home</a>
12+
<div class="navbuttons">
13+
<div class="on"> <a href="index.html">Home</a> </div>
14+
<div class="vl"></div>
1515
<a href="about.html">About</a>
16+
<div class="vl"></div>
1617
<a href="credits.html">Credits</a>
18+
<div class="vl"></div>
1719
<a href="discord.html">Discord</a>
18-
20+
</div>
21+
1922
<div class="dropdown">
20-
<button class="dropbtn">Installation
21-
<em class="fa fa-caret-down"></i>
22-
</button>
23-
24-
<div class="dropdown-content">
23+
<button class="dropbtn">Installation v</button>
24+
<div class="dropdown-content">
2525
<a href="linux.html">Linux</a>
2626
<a href="macos.html">MacOS</a>
2727
<a href="windows.html">Windows</a>
2828
</div>
29-
</div>
29+
</div>
30+
31+
</div><header class="header">
32+
<div class="logo">
33+
<img alt="Homepage Header" src="fetchcord.png" style="height: 151px;">
3034
</div>
35+
<div class="headertxt">
36+
<h1>FetchCord</h1>
37+
<h2 style="font-size: 20px; color: #FFFFFF">Hardware and OS Information</h2>
3138

32-
<header class="header header--home">
33-
<img alt="Homepage Header" src="fetchcord.png" />
34-
<h1>FETCHCORD:</h1>
35-
<p>Hardware and OS Information Displayed In a Discord Rich Presence<br><br></p>
36-
</header>
37-
38-
<div class="gallery">
39+
<h2 style="font-size: 20px; color: #FFFFFF">Displayed In a Discord Rich Presence</h2>
40+
</div>
41+
</header>
42+
<div class="gallery">
43+
<div class="galleryitem">
3944
<a target="_blank" href="windowsfetchcord.png">
40-
<img src="windowsfetchcord.png" alt="help">
41-
</a>
45+
<img src="windowsfetchcord.png" alt="help" style="width:85%">
46+
</a>
4247
<div class="desc">Operating System</div>
4348
</div>
4449

45-
<div class="gallery">
50+
<div class="galleryitem">
4651
<a target="_blank" href="intelcpu.png">
47-
<img src="intelcpu.png" alt="help">
52+
<img src="intelcpu.png" alt="help" style="width:85%">
4853
</a>
4954
<div class="desc">Hardware</div>
5055
</div>
5156

52-
<div class="gallery">
57+
<div class="galleryitem">
5358
<a target="_blank" href="tuf.png">
54-
<img src="tuf.png" alt="help">
59+
<img src="tuf.png" alt="help" style="width:85%">
5560
</a>
5661
<div class="desc">Motherboard</div>
5762
</div>
5863

59-
<div class="gallery">
64+
<div class="galleryitem">
6065
<a target="_blank" href="gnometerm.png">
61-
<img src="gnometerm.png" alt="help">
66+
<img src="gnometerm.png" alt="help" style="width:85%">
6267
</a>
6368
<div class="desc">Terminal</div>
6469
</div>
65-
</body>
66-
</html>
70+
</div>
6771

72+
</body></html>

0 commit comments

Comments
 (0)