-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
180 lines (151 loc) · 8.34 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TransSocial, a safe place for everyone</title>
<link rel="stylesheet" href="/assets/css/mainSite.css">
<link rel="shortcut icon" href="/assets/imgs/favicon.png" type="image/png">
<link rel="manifest" href="/manifest.json">
<script src="https://kit.fontawesome.com/be7c331826.js" crossorigin="anonymous"></script>
<meta name="robots" content="nofollow, noai, noimageai">
<meta name="og:type" content="website">
<meta name="og:url" content="https://transs.social/">
<meta name="og:title" content="TransSocial">
<meta name="og:site_name" content="transs.social">
<meta name="og:description" content="TransSocial - a safe place for everyone.">
<meta name="description" content="TransSocial - a safe place for everyone.">
<meta property="og:image" content="https://transs.social/assets/imgs/favicon.png">
<meta name="theme-color" content="#ff869a">
</head>
<body onload="signedInCheck()" style="text-align: center;">
<!-- This loads the website -->
<div class="loader" id="loader">
<p style="position: fixed; left: 0; top: 0; color: var(--text-semi-transparent); transform: translateY(0px);">© Katniny Studios 2024</p>
<p style="position: fixed; left: 0; top: 17px; color: var(--text-semi-transparent); transform: translateY(0px);">Katniny Online Services</p>
<p style="position: fixed; left: 0; top: 35px; color: var(--text-semi-transparent); transform: translateY(0px);" class="loaderVersion">TransSocial v</p>
<img src="/assets/imgs/favicon.png" alt="TransSocial logo" draggable="false" />
<p><strong>Did you know?</strong></p>
<p id="loaderQuote" style="position: absolute; margin-top: 40px;">
If someone tries to use TransSocial with JavaScript
<noscript>
<div class="noJavaScript">
TransSocial requires JavaScript to run
</div>
</noscript>
</p>
<div class="transSocialLoadLong" id="transSocialLoadLong">
<p>TransSocial not loading?</p>
<a href="https://twitter.com/transs_ocial" target="_blank" style="position: absolute; top: 100px; left: 30px; color: var(--main-color); text-decoration: none;"><i class="fa-brands fa-twitter" style="color: var(--main-color); margin-right: 3px;"></i> Let us know</a>
</div>
</div>
<!-- Header -->
<div class="header" id="header" style="transform: translateY(1px);">
<div class="left" style="text-align: left;">
<button id="hamburgerMenu"><i class="fa-solid fa-bars"></i></button> <a href="/"><img class="headerLogo" id="transsocialHeaderLogo" src="/assets/imgs/All_transparent.png" draggable="false" /></a>
</div>
<div class="right">
<a href="/auth/login"><button style="transform: translateY(-8px);">Login</button></a> <a href="/auth/register"><button style="transform: translateY(-8px);">Sign Up</button></a>
</div>
</div>
<!-- Content -->
<br />
<br />
<br />
<br />
<h1 style="font-size: 2.5em;">A Safe Place for</h1>
<h1 class="animateGradient" style="font-size: 3em;">Everyone</h1>
<p>A social media platform where you can truly be yourself, together.</p>
<br />
<a href="/auth/register"><button style="font-size: 16px;">Try TransSocial</button></a>
<br />
<br />
<br />
<br />
<br />
<div style="text-align: left; background: var(--note-background); padding: 25px;">
<h1>TransSocial's Core Beliefs</h1>
<h3>We should be Inclusive</h3>
<p>We allow everyone on TransSocial, regardless of <strong>any</strong> factor. Every human being is unique and we recognize that.</p>
<br />
<h3>Algorithms are Evil</h3>
<p>Algorithms cause manipulation and echo chambers, which cause negative effects on your mental health and cause arguments online.</p>
<br />
<h3>Our Users are People</h3>
<p>Everyone on TransSocial is still a person, not just a stat. We will never sell your data to anyone and we will always respect your privacy. (Read our <a href="/policies/privacy" style="color: var(--main-color);">Privacy Policy</a>)</p>
</div>
<br />
<br />
<div style="text-align: right; background: var(--note-background); padding: 25px;">
<h1>Features</h1>
<h3>🎨 Lots of Themes</h3>
<p>Customize TransSocial with one of our 8 default themes, or try out user themes! If you don't like any theme, you can create your own!</p>
<br />
<h3>🧪 Try features before they're released</h3>
<p>with TransSocial Experiments! You aren't our beta testers, so most experimental features are opt-in in your Settings.</p>
<br />
<h3>👀 Customize your Home Page</h3>
<p>You can customize what you see on TransSocial. Whether you want to hide sensitive content or just be warned, you can customize that in your Settings! (You can, of course, customize it further though)</p>
<br />
<a href="/auth/register"><button>Join TransSocial</button></a>
</div>
<br />
<br />
<h1>🧑💻 Open Source!</h1>
<p>TransSocial is now open source under the <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" style="color: var(--main-color);">CC BY-NC-SA 4.0 license</a>.</p>
<a href="https://github.com/katniny/transsocial" target="_blank"><button>See Code on GitHub</button></a>
<br />
<br />
<br />
<br />
<h1>Join TransSocial</h1>
<p>Join TransSocial and spread the word!</p>
<a href="/auth/register"><button>Join TransSocial</button></a>
<br />
<br />
<br />
<br />
<!-- FOoter -->
<footer>
<div class="footerContainer">
<div class="footerSection">
<h4>TransSocial</h4>
<p>A safe place for everyone.</p>
</div>
<div class="footerSection">
<h4>Policies</h4>
<ul>
<li><a href="/policies/terms">Terms of Service</a></li>
<li><a href="/policies/privacy">Privacy Policy</a></li>
<li><a href="/policies/child-safety">Child Safety</a></li>
<li><a href="/policies/cookies">Cookies</a></li>
<li><a href="/policies/copyright">Copyright</a></li>
</ul>
</div>
<div class="footerSection">
<h4>Our Socials</h4>
<ul>
<li><a href="https://twitter.com/transs_ocial" target="_blank">Twitter</a></li>
<li><a href="https://discord.gg/SmhATjRxvc" target="_blank">Discord</a></li>
<li><a href="https://tiktok.com/@transs_ocial" target="_blank">TikTok</a></li>
<li><a href="https://github.com/katniny/transsocial" target="_blank">GitHub</a></li>
</ul>
</div>
</div>
<div class="footerBottom">
<p>© 2024 Katniny Studios. All Rights Reserved.</p>
<p>Code licensed under <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank" style="color: var(--main-color);">CC BY-NC-SA 4.0</a>.</p>
</div>
</footer>
<!-- Core Firebase Scripts (TODO: GET NODE.JS TO WORK TO UPGRADE TO THE LATEST FIREBASE VERSION) -->
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.6.8/firebase-storage.js"></script>
<!-- Scripts -->
<script src="/assets/js/ts_fas_acih.js"></script>
<script src="/assets/js/pageLoader.js"></script>
<script src="/assets/js/sidebarOpen.js"></script>
<script src="/assets/js/twemoji.js"></script>
</body>
</html>