-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
243 lines (220 loc) · 14.4 KB
/
index.html
File metadata and controls
243 lines (220 loc) · 14.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!-- <!DOCTYPE html> -->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" href="/assets/css/style.css?v2" />
<title>Free Game Findings | Official Links</title>
<!-- Open Graph-->
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Free Game Findings | Official Links" />
<meta property="og:description" content="Official Reddit, Application, Social Media, & More!" />
<meta property="og:url" content="https://github.com/FreeGameFindings" />
<meta property="og:site_name" content="Free Game Findings | Official Links" />
<meta property="article:publisher" content="https://github.com/StOoPiDU/" />
<meta property="og:image" content="https://freegamefindings.github.io/examples/preview.PNG" />
<!-- Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@FreeGameFinding" />
<meta name="twitter:title" content="Free Game Findings" />
<meta name="twitter:description" content="Communal hub for free video game promotions." />
<meta name="twitter:url" content="https://twitter.com/FreeGameFinding" />
<meta name="author" content="Cedric Pereira (StOoPiD_U)" />
<meta name="description" content="Free Game Findings Official Links" />
<link rel="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicon/apple-icon-60x60.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicon/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicon/apple-icon-76x76.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicon/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicon/apple-icon-120x120.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicon/apple-icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/apple-icon-152x152.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-icon-192x192.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png" />
<link rel="manifest" href="/assets/img/favicon/manifest.json" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="/assets/img/favicon/ms-icon-144x144.png" />
<meta name="theme-color" content="#ffffff" />
</head>
<body>
<img class="logo" src="assets/img/fgf_logo.webp" alt="FGF Logo">
<p id="title">Free Game Findings</p>
<p id="description">A communal hub where users share their free video game promotion finds!</p>
<main>
<a href="https://old.reddit.com/r/FreeGameFindings">
<div id="linkbar">
<img src="assets/img/reddit_logo.webp" alt="Reddit Logo">
<p>/r/FreeGameFindings on Reddit</p>
<i class="info" data-target="reddit-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="reddit-info" class="moreInfo" style="display: none;">
<p>The primary home of Free Game Findings. FGF users come to share their video game giveaway event finds, or just to view what others have shared. See to /r/FreeGameFindings to help grow your video game libraries across a wide variety of platforms. The subreddit for FGF is where all of the content truly lives. Platforms like the Twitter, YouTube and more all rely on the posts to the subreddit.</p>
<img id="hori" src="assets/img/example_images/fgf_screenshot.webp" alt="/r/FreeGameFindings Page View">
</div>
<a href="https://play.google.com/store/apps/details?id=com.cedric.fgf&pcampaignid=web_share">
<div id="linkbar">
<img src="assets/img/android-logo-greeen.webp" alt="Android Logo">
<p>Free Game Findings Android Application</p>
<i class="info" data-target="app-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="app-info" class="moreInfo" style="display: none;">
<p>An android application created to give users an alternative method of using FGF and broadening the scope of the group. Toggleable notifications, in-depth filters, and a clean design. The FGF application is yet another way to get your fill of FGF!</p>
<img id="vert" src="assets/img/example_images/app_screenshot_01.webp" alt="FGF Application Image">
</div>
<a href="https://bsky.app/profile/freegamefindings.bsky.social">
<div id="linkbar">
<img src="assets/img/bluesky-logo.svg" alt="Bluesky Logo">
<p>@FreeGameFindings on BlueSky</p>
<i class="info" data-target="bluesky-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="bluesky-info" class="moreInfo" style="display: none;">
<p>Our Bluesky bot shares all of the posts to the subreddit on the newer big social platform to rival Twitter. The account also has some periodic manual posts by the FGF creator, Cedric/StOoPiD_U, for things like mod posts, FGF Giveaways, or the sharing of video content.</p>
</div>
<a href="https://twitter.com/FreeGameFinding">
<div id="linkbar">
<img src="assets/img/twitter-logo.svg" alt="Twitter Logo">
<p>@FreeGameFinding on Twitter</p>
<i class="info" data-target="twitter-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="twitter-info" class="moreInfo" style="display: none;">
<p>Our Twitter bot shares all of the posts to the subreddit through a social channel many users around the globe still use. The account also has some periodic manual posts by the FGF creator, Cedric/StOoPiD_U, for things like mod posts, FGF Giveaways, or the sharing of video content.</p>
</div>
<a href="https://www.facebook.com/profile.php?id=61573039955031">
<div id="linkbar">
<img src="assets/img/facebook-logo.svg" alt="Facebook Logo">
<p>FreeGameFindings on Facebook</p>
<i class="info" data-target="facebook-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="facebook-info" class="moreInfo" style="display: none;">
<p>Same concept as the BlueSky & Twitter one, the Facebook page for FGF exists as a means of linking to the new content from the subreddit on a social media platform. The Facebook page is in something of a "trial run", as I haven't fully developed it yet. Posts are live on it right now though.</p>
</div>
<a href="https://www.youtube.com/@freegamefindings">
<div id="linkbar">
<img src="assets/img/youtube-logo.svg" alt="YouTube Logo">
<p>@FreeGameFindings on YouTube</p>
<i class="info" data-target="youtube-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="youtube-info" class="moreInfo" style="display: none;">
<p>The FGF YouTube channel is primarily used for showcasing some of the "best" promotional giveaways and events hosted on the subreddit. Short form content is generally the norm on here. </p>
<iframe width="280" height="500" src="https://www.youtube.com/embed/GNbZ5LZC2oY?si=347Va3xjAsEGOqXv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<a href="https://www.tiktok.com/@freegamefindings">
<div id="linkbar">
<img src="assets/img/tiktok-logo.svg" alt="TikTok Logo">
<p>@FreeGameFindings on TikTok</p>
<i class="info" data-target="tiktok-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="tiktok-info" class="moreInfo" style="display: none;">
<p>The FGF TikTok, hosts only the short form content from the FGF YouTube channel. Same concept, just another location for it.</p>
<iframe src="https://www.tiktok.com/embed/v2/7369713630671080710?refer=embed" width="325" height="580" frameborder="0" allowfullscreen></iframe>
</div>
<a href="https://discord.gg/fHtVEf7">
<div id="linkbar">
<img src="assets/img/discord-logo.svg" alt="Discord Logo">
<p>FreeGameFindings Discord Server</p>
<i class="info" data-target="discord-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="discord-info" class="moreInfo" style="display: none;">
<p>A shared Discord server between us and another subreddit. In this server you can get notifications, discuss gaming news, and just chill.</p>
</div>
<a href="https://steamcommunity.com/groups/freegamefindings">
<div id="linkbar">
<img src="assets/img/steam_logo_filled.webp" alt="Steam Logo">
<p>FreeGameFindings Steam Group</p>
<i class="info" data-target="steam-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="steam-info" class="moreInfo" style="display: none;">
<p>A simple Steam group created for FGF. A mostly unused group in all honesty, but occasionally is used to share the "FGF Giveaway" posts. Further use may be done in the future.</p>
</div>
<a href="https://www.instagram.com/freegamefinding/">
<div id="linkbar">
<img src="assets/img/instagram-logo.svg" alt="Instagram Logo">
<p>FreeGameFindings on Insta</p>
<i class="info" data-target="insta-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="insta-info" class="moreInfo" style="display: none;">
<p>The FGF Instagram is currently only used to share the short form content, much like the TikTok. In the future it is possible that the page will be used to share all content from FGF, similar to the Twitter account.</p>
</div>
<a href="https://www.threads.net/@freegamefinding">
<div id="linkbar">
<img src="assets/img/threads-logo.webp" alt="Threads Logo">
<p>FreeGameFindings on Threads</p>
<i class="info" data-target="thread-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="thread-info" class="moreInfo" style="display: none;">
<p>Mostly abandoned. Created to ensure a home could exist if the platform took off, but, much like the rest of the world, FGF isn't using threads. A shame.</p>
</div>
<a href="https://stoopidu.com/">
<div id="linkbar">
<img src="assets/img/stoopid_logo.webp" alt="StOoPiD_U Logo">
<p>FGF Creator's Links</p>
<i class="info" data-target="stoopid-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="stoopid-info" class="moreInfo" style="display: none;">
<p>Free Game Findings was created by StOoPiD_U, or Cedric in 2014. Since then, he has continued to work on the leadership of the FGF group on and off of Reddit. Beyond that, he also spends time working on projects of his, and livestreaming.</p>
</div>
<div id="separator"></div>
<a href="https://www.fanatical.com/en/?ref=freegamefindings">
<div id="linkbar">
<img src="assets/img/fanatical.svg" alt="Fanatical Logo">
<p>FreeGameFindings Referral on Fanatical</p>
<i class="info" data-target="fanatical-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="fanatical-info" class="moreInfo" style="display: none;">
<p>Video game purchases that can support FGF and the creator of it! This and the other referral programs promoted on this site support FGF and my personal works to allow for expansions. The ever growing FGF can always benefit from financial aid, so these referral programs aim to do so.</p>
</div>
<!-- <a href="https://www.greenmangaming.com/?utm_source=FreeGameFindings%20-%20StOoPiD_U&utm_medium=impact&utm_campaign=&utm_content=1219987&irgwc=1"> -->
<a href="https://greenmangaming.sjv.io/nXXLB6">
<div id="linkbar">
<img src="assets/img/green-man-gaming.webp" alt="GreenManGaming Logo">
<p>FreeGameFindings Referral on GreenManGaming</p>
<i class="info" data-target="greenmangaming-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="greenmangaming-info" class="moreInfo" style="display: none;">
<p>Video game purchases that can support FGF and the creator of it! Unfortunately, for the GMG and Humble affiliate codes, they don't seem to work properly if you have an adblocker of any kind, so if you want to support with purchases through these, please open my affiliate links on a browser without uBlock/AdBlock/Privacy Badger/MBAM extension(s) on.</p>
</div>
<a href="https://humblebundleinc.sjv.io/QjjbOa">
<div id="linkbar">
<img src="assets/img/humble-logo.webp" alt="Humble Bundle Logo">
<p>FreeGameFindings Referral on Humble Bundle</p>
<i class="info" data-target="humble-info" onclick="toggleInfo(event)">ⓘ</i>
</div>
</a>
<div id="humble-info" class="moreInfo" style="display: none;">
<p>Video game purchases that can support FGF and the creator of it! Unfortunately, for the GMG and Humble affiliate codes, they don't seem to work properly if you have an adblocker of any kind, so if you want to support with purchases through these, please open my affiliate links on a browser without uBlock/AdBlock/Privacy Badger/MBAM extension(s) on.</p>
</div>
<script>
function toggleInfo(event) {
event.preventDefault(); // Prevent the default link behavior
const icon = event.currentTarget;
const targetId = icon.getAttribute('data-target');
const infoSection = document.getElementById(targetId);
if (infoSection.style.display === "none") {
infoSection.style.display = "block";
} else {
infoSection.style.display = "none";
}
}
</script>
</main>
</body>
</html>