html
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
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://cdn.tailwindcss.com"></script>
<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=Lato:wght@900&display=swap" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/node-uuid/1.4.8/uuid.js"></script>
<script crossorigin src="https://unpkg.com/react@latest/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@latest/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.21.1/babel.min.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.8.3/firebase.js"></script>
<script src="https://cdn.jsdelivr.net/gh/bureyburey/bad-words-compact@master/bad-words-compact.min.js"></script>
</head>
<body>
<div id="root"></div>
<div class="h-screen w-screen flex justify-center items-center flex-col gap-2 text-slate-400" id="loader">
<div class="animate-spin">
<svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
<path opacity="0.2" fill="#000" d="M20.201,5.169c-8.254,0-14.946,6.692-14.946,14.946c0,8.255,6.692,14.946,14.946,14.946
s14.946-6.691,14.946-14.946C35.146,11.861,28.455,5.169,20.201,5.169z M20.201,31.749c-6.425,0-11.634-5.208-11.634-11.634
c0-6.425,5.209-11.634,11.634-11.634c6.425,0,11.633,5.209,11.633,11.634C31.834,26.541,26.626,31.749,20.201,31.749z"/>
<path d="M26.013,10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
font-family: 'Lato', sans-serif;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
/*
It's been a while since I last coded "on a phone", so thought of making a tiny tweeter but using strong technologies. Tailwind CSS & ReactJS on SoloLearn, yep! Feels really great to be back on here! Will be posting code every now and then! Thanks.
- Arb
- 30/06/2023
*/
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run