-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
189 lines (170 loc) · 5.94 KB
/
index.html
File metadata and controls
189 lines (170 loc) · 5.94 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Cal+Sans&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<!-- OpenGraph Meta Tags -->
<meta property="og:title" content="Rotur: A Web Standard for Communication" />
<meta property="og:description" content="A powerful WebSocket-based networking protocol and unified account system for Web-Based operating systems. Connect with friends, share content, and access your data across platforms." />
<meta property="og:url" content="https://rotur.dev" />
<meta property="og:image" content="https://avatars.githubusercontent.com/u/174211781?s=256&v=4" />
<meta property="og:image:alt" content="Rotur Logo" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Rotur" />
<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Rotur: A Web Standard for Communication" />
<meta name="twitter:description" content="A powerful WebSocket-based networking protocol and unified account system for Web-Based operating systems." />
<meta name="twitter:image" content="https://avatars.githubusercontent.com/u/174211781?s=256&v=4" />
<!-- General Meta Tags -->
<meta name="description" content="Rotur is a powerful WebSocket-based networking protocol and account system for Web-Based operating systems with social features and cross-platform connectivity." />
<meta name="theme-color" content="#121212" />
<!-- preload the json files for faster loading -->
<link rel="preload" href="/config/contributors.json" as="fetch" crossorigin="anonymous">
<link rel="preload" href="/config/rotur-team.json" as="fetch" crossorigin="anonymous">
<link rel="preload" href="/config/features.json" as="fetch" crossorigin="anonymous">
</head>
<!-- Template for fast loading speeds -->
<template id="tpl-contributor">
<div class="pfp" draggable="false" (dragstart)="false;" class="unselectable">
<img src="@pfp" class="unselectable" title="@name">
</div>
</template>
<template id="tpl-social">
<a class="social" title="@platform" href="@link">
<img class="icon" src="@icon">
</a>
</template>
<template id="tpl-placeholder">
<div class="placeholder"></div>
</template>
<template id="tpl-card">
<div class="card row">
<img src="@pfp" class="pfp">
<div class="column">
<div class="name row">
<div class="user">
@name
</div>
<div class="role">
@role
</div>
</div>
<div class="links row">
<a class="profile" href="@link">
@platform
</a>
@social0
@social1
@social2
</div>
</div>
</div>
</template>
<template id="tpl-featls">
<div class="feature-list column">
<p class="title">
@title
</p>
@list
</div>
</template>
<template id="tpl-feat">
<div class="feature-item">
<div class="row">
<img src="@icon">
<p class="topic title">@topic</p>
</div>
<p class="desc body">@desc</p>
</div>
</template>
<body>
<div id="header-wrapper">
<div id="header" class="row">
<div id="navbar-placeholder"></div>
</div>
</div>
<div id="backdrop"></div>
<div id="content" class="column">
<div id="wrapper-about" class="row">
<div id="about" class="column">
<p class="title">
About Rotur
</p>
<div class="rule"></div>
<p class="body">
Rotur is a robust networking protocol and account system based on websockets. We aim to create a seamless,
unified experience across multiple applications through the use of a central account system. Our tools make it
easier than ever to socialize, sync data, and connect with multiple platforms at the same time.
</p>
</div>
<div id="gallery" class="column">
<img src="assets/branding/rotur-logo.png" alt="Rotur Logo" class="logo">
</div>
</div>
<div id="wrapper-team" class="column">
<p class="title">
Meet the Team
</p>
<div id="team-cards">
<!-- Injected via index.js -->
</div>
<p class="body">
Rotur is an open-source project with many contributors, including the people below.
</p>
<div id="carousel">
<!-- Injected via index.js -->
<div id="carousel-wrapper" class="row">
<div class="channel row"></div>
<div class="channel row"></div>
</div>
</div>
</div>
<div id="wrapper-features" class="column">
<p class="feature-title title">
Features
</p>
<div class="rule2"></div>
<div id="features" class="row">
<!-- Injected via index.js -->
</div>
</div>
<div id="wrapper-try" class="column">
<p class="body">
If any of this sounds interesting to you, we invite you to try out Rotur!
</p>
<div class="row">
<a href="https://extensions.mistium.com/featured/Rotur.js" class="button-link">
MistWarp Extension
</a>
<a href="https://docs.rotur.dev/" class="button-link">
Rotur Documentation
</a>
</div>
</div>
<div id="footer" class="column">
<div class="legal row">
<a href="https://rotur.dev/terms-of-service.html">
Terms of Service
</a>
<div class="vrule2"></div>
<a href="https://rotur.dev/privacy-policy.html">
Privacy Policy
</a>
</div>
<p class="body">
© 2026 Rotur. All rights reserved.
</p>
</div>
</div>
<script src="index.js" async defer></script>
<script src="nav.js"></script>
</body>
</html>