-
Notifications
You must be signed in to change notification settings - Fork 23
Expand file tree
/
Copy pathposts.html
More file actions
178 lines (178 loc) · 9.53 KB
/
posts.html
File metadata and controls
178 lines (178 loc) · 9.53 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Posts | rplace</title>
<link rel="stylesheet" href="/css/rplace-2022.css">
<link rel="stylesheet" href="/reddit-modal.css">
<link rel="stylesheet" href="/styles.css">
<link rel="stylesheet" href="/shared.css">
<link rel="stylesheet" href="/posts.css">
<!--Shared resources-->
<script type="module" src="/src/shared.js"></script>
<script type="module" src="/src/shared-elements.js"></script>
<!--Services-->
<script type="module" src="/src/services/account-manager.js" defer></script>
<script type="module" src="/src/services/posts-manager.js" defer></script>
<!--Page scripts-->
<script type="module" src="/src/pages/posts/posts-elements.js" defer></script>
</head>
<body>
<header>
<div class="header-title-container">
<button id="sidebarButton" type="button" class="header-menu">
<img src="./svg/menu.svg" alt="Menu" width="36" height="36">
</button>
<img src="./images/rplace.png" class="header-icon" alt="Rplace logo">
<h1 class="header-title" translate="rplaceLivePosts">rplace.live posts</h1>
</div>
<input id="postsSearchbar" type="text" class="post-input searchbar" translate="searchKeyword"
placeholder="Search keyword">
<div><!--Spacer--></div>
<button type="button" id="accountButton" class="header-account">
<img src="/svg/account.svg" alt="Menu" width="36" height="36">
</button>
</header>
<r-sidebar id="sidebar" mode="inline"></r-sidebar>
<div id="contents">
<div class="posts-side-panel">
<div class="posts-extern-buttons">
<button type="button" id="postJumpButton" class="posts-button posts-jump-button"
onclick="communityPostsPost.scrollIntoView({ behavior: 'smooth', block: 'start' })">
<svg title="Change channel" style="vertical-align: bottom;" xmlns="http://www.w3.org/2000/svg"
height="24" viewBox="0 -960 960 960" width="24">
<path d="M480-345 240-585l43-43 197 198 197-197 43 43-240 239Z"></path>
</svg>Jump to community posts
</button>
<a type="button" id="postsExpandButton" style="column-gap: 4px" class="posts-button" href="#">
<img alt="Expand" src="./svg/expand-external.svg" width="24" height="24"> See more
</a>
</div>
</div>
<div id="createPostPost" class="post" style="padding-left: 15px; cursor: default;">
<div class="create-post-image-drop">
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
<path
d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h360v80H200v560h560v-360h80v360q0 33-23.5 56.5T760-120H200Zm480-480v-80h-80v-80h80v-80h80v80h80v80h-80v80h-80ZM240-280h480L570-480 450-320l-90-120-120 160Zm-40-480v560-560Z" />
</svg>
<span>Upload image</span>
</div>
<div class="create-post-body">
<div class="create-post-account-button">
<img src="./svg/account.svg" alt="Account icon" width="32" height="32">
</div>
<div class="create-post-inputs-container">
<input type="text" id="createPostTitle" minlength="1" maxlength="64" required
class="create-post-input create-post-extra" placeholder="Post title...">
<textarea id="createPostInput" maxlength="360" class="create-post-input"
placeholder="Create post..."></textarea>
</div>
<button type="button" class="create-post-content-button" onclick="createPostContentInput.click()">
<img src="./svg/image.svg" alt="Add post attachment" width="32" height="32">
</button>
<input type="file" id="createPostContentInput" accept="image/gif,image/jpeg,image/png,image/webp"
style="display: none;">
</div>
<div id="createPostOptions" class="create-post-extra">
<r-post-contents-preview id="createPostContent"></r-post-contents-preview>
<div class="create-post-create-discard">
<button id="discardPostButton" type="button"
class="post-button discard-post-button">Discard</button>
<button id="createPostButton" type="button" class="post-button create-post-button">Post</button>
</div>
<span id="createPostStatus" class="create-post-status"></span>
</div>
</div>
<div id="liveChatPost" class="post" style="cursor: pointer;" novotes="true">
<img alt="Live chat icon" class="cover-image" src="images/live.png">
<div class="body">
<div class="main">
<div class="title" translate="liveChat">Live Chat</div>
<span class="description" id="onlineCounter2">... online</span>
</div>
</div>
</div>
<div id="mainCanvasPost" class="post" style="cursor: pointer;" novotes="true">
<img alt="Rplace logo" class="cover-image" src="images/rplace.png">
<div class="body">
<div class="main">
<div class="title">Main Canvas</div>
<div class="description">???x??? (cooldown: ...ms)</div>
</div>
</div>
<r-clipboard-copy title="Copy canvas URL to clipbaord"
href="https://rplace.live/?server=wss://server.rplace.live:443&board=https://raw.githubusercontent.com/rplacelive/canvas1/main/place"></r-clipboard-copy>
</div>
<r-post id="accountPost" <% if (!isDev) { %> style="pointer-events: none; opacity: 0.6" <% } %> class="post" style="cursor: pointer;" novotes="true" title="My Account"
description="Login or signup to an rplace.live account, access special features and host your own custom canvases"
coverimageurl="images/account-profile.png"></r-post>
<!--<r-post onclick="window.open('https:\/\/lamda.count.land/', '_blank')" class="post" novotes="true" title="Lamda" description="Chat anonymously with strangers online. Start random voice calls and meet others!"
coverimageurl="images/lamda.png"></r-post>
<r-post onclick="toggleTlPanel()" class="post" style="opacity: 0.6; pointer-events: none;" novotes="true" title="Timelapse tool" description="Combine a sequence from the history of the canvas to create your own timelapse video!"
coverimageurl="images/timelapse.png"></r-post>-->
<r-post id="overlayPost" style="cursor: pointer;" class="post" novotes="true" title="Overlay menu"
description="Visualise your build with template images!"
coverimageurl="images/hammer-and-wrench.png"></r-post>
<r-post onclick="window.open('https:\/\/discord.gg/r-place-2-960966748289507338','_blank')"
style="cursor: pointer;" class="post" novotes="true" title="Discord"
description="Join the community at discord.gg/r-place-2-960966748289507338"
coverimageurl="images/discord.png"></r-post>
<!--<r-post onclick="window.open('https:\/\/bit.ly/3LVwDtW','_blank')" style="cursor: pointer;" class="post"
novotes="true" title="Donate" description="Help keep rplace.live alive!"
coverimageurl="images/patreon.png"></r-post>-->
<r-post onclick="window.open('https:/\/reddit.com/r/placetk','_blank')" style="cursor: pointer;" class="post"
novotes="true" title="Subreddit" description="Visit the official rplace.live subreddit (r/placetk)"
coverimageurl="images/reddit.png"></r-post>
<r-post onclick="window.open('https:\/\/rplacelive.github.io\/colour-utils\/','_blank')"
style="cursor: pointer;" class="post" novotes="true" title="Colour utils"
description="A collection of nifty utilities to work with rplace.live canvases"
coverimageurl="images/colour-utils.png"></r-post>
<r-post onclick="window.open('https:\/\/canv.tk/', '_blank')" style="cursor: pointer;" class="post"
novotes="true" title="Canv.tk"
description="Visit our sister site, the proof of concept this site itself was built off, canv.tk here!"
coverimageurl="images/canv.png"></r-post>
<div id="communityPostsPost" class="post" novotes="true">
<div class="body">
<div class="horizontal-labeled-separator header">
<hr>
<span>Community posts</span>
<hr>
</div>
<div style="display: flex; column-gap: 16px; align-items: center; justify-content: center;">
<label for="postsSortSelect" translate="sortBy">Sort by:</label>
<select id="postsSortSelect"
style="box-shadow: none; border-radius: 64px; background: rgb(226, 218, 218);">
<option value="date" translate="date">Date</option>
<option value="upvotes" translate="upvotes">Upvotes</option>
</select>
<label for="postsHideSensitive" translate="hideSensitive">Hide sensitive:</label>
<input id="postsHideSensitive" type="checkbox" checked
style="box-shadow: none; border-radius: 64px;">
</div>
</div>
</div>
</div>
<dialog id="postRulesDialog" class="reddit-modal">
<r-close-icon onclick="postRulesDialog.close()"
style="position: absolute; top: 10px; right: 10px; z-index: 1;"></r-close-icon>
<div style="display: flex; flex-direction: column; padding: 16px; overflow-y: scroll; row-gap: 8px;">
<h4>By creating a post, you agree to the following conditions:</h4>
<ol style="font-size: 18px;line-height: 32px;margin-left: 16px; flex-grow: 1;">
<li>All posts you create are public, and any information shared in a post will be visible to everyone.
</li>
<li>Your post must be related to rplace and must not contain NSFW or copyrighted content.</li>
<li>All content uploaded may be processed by third party content filters and AI detection systems.</li>
<li>Illegal content shall not be posted, and will be reported to relevant authorities, alongside any
necessary user information to aid with investigation.</li>
</ol>
<img src="images/example-post.png" alt="Example post" style="height: 256px;object-fit: contain;">
<button type="button" class="reddit-modal-button" onclick="
localStorage.agredPostRules = true
postRulesDialog.close('true')
">Create post</button>
</div>
</dialog>
</body>
<script type="module" src="/src/pages/posts/posts.js" defer></script>
</html>