142 lines
5.1 KiB
HTML
142 lines
5.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1">
|
|
|
|
<title>Dandelion</title>
|
|
|
|
<script type="importmap">
|
|
{
|
|
"imports": {
|
|
"db": "/static/db.js",
|
|
"IDUtils": "/static/IDUtils.js",
|
|
"PeerManager": "/static/PeerManager.js",
|
|
"log": "/static/log.js",
|
|
"Sync": "/static/Sync.js",
|
|
"App": "/static/App.js",
|
|
"dataUtils": "/static/dataUtils.js"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<link rel="preload" href="/static/main.css" as="style">
|
|
<link rel="preload" href="/static/main2.js" as="script">
|
|
<link rel="preload" href="/static/lib/marked.min.js" as="script">
|
|
<link rel="preload" href="/static/lib/qrcode.min.js" as="script">
|
|
|
|
<link rel="stylesheet" href="/static/main.css">
|
|
|
|
<script type="module" src="/static/main2.js"></script>
|
|
<script src="/static/lib/marked.min.js"></script>
|
|
<script src="/static/lib/qrcode.min.js"></script>
|
|
|
|
<!-- <script src="/static/lib/3d-force-graph.js"></script> -->
|
|
<!-- <script src="lib/lottie.min.js"></script> -->
|
|
<!-- <script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script> -->
|
|
|
|
<!-- <script src="/lib/webtorrent/webtorrent_1_8_0.min.js"></script> -->
|
|
<link rel="manifest" href="/static/app.webmanifest">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="status-bar" id="status_bar"></div>
|
|
|
|
<div id="burger-menu-button" class="burger-menu">☰</div>
|
|
<div class="nav-overlay"></div>
|
|
|
|
<div class="flex-container">
|
|
|
|
<nav id="nav-container" class="nav-container">
|
|
<a class="nav-item profile-pic">
|
|
<span class="nav-profile" role="img" aria-label="Home"><img class="profile-pic-container"
|
|
src="https://cdn.bsky.app/img/avatar_thumbnail/plain/did:plc:wobbjvmqx65vou5ipgpgs3wf/bafkreigbpq2unrhkxgisofimgqmiiiplp2ssmdgw6cqsa7i2ogtvlxqzfa@jpeg"></span>
|
|
</a>
|
|
<a class="nav-item" id="home-button">
|
|
<span class="nav-emoji emoji-fill" role="img" aria-label="Home">🏠</span>
|
|
<span class="nav-label">Home</span>
|
|
</a>
|
|
<!-- <a class="nav-item">
|
|
<span class="nav-emoji" role="img" aria-label="Search">🔍</span>
|
|
<span class="nav-label">Search</span>
|
|
</a>
|
|
<a class="nav-item">
|
|
<span class="nav-emoji" role="img" aria-label="Notifications">🔔</span>
|
|
<span class="nav-label">Notifications</span>
|
|
</a> -->
|
|
<a class="nav-item" id="profile-button">
|
|
<span class="nav-emoji emoji-fill" role="img" aria-label="Profile">👤</span>
|
|
<span class="nav-label">Profile</span>
|
|
</a>
|
|
<!-- <a class="nav-item">
|
|
<span class="nav-emoji emoji-fill" role="img" aria-label="Settings">⚙️</span>
|
|
<span class="nav-label">Settings</span>
|
|
</a> -->
|
|
<a id="monitor_button" class="nav-item">
|
|
<span class="nav-emoji" role="img" aria-label="Monitor">🤓</span>
|
|
<span class="nav-label">Monitor</span>
|
|
</a>
|
|
|
|
</nav>
|
|
|
|
<div class="content">
|
|
<!-- <div class="img-button" id="ddln_logo_button"></div> -->
|
|
<div id="status"></div>
|
|
|
|
<div id="info" style="display:none">
|
|
<button id="export-button">export</button>
|
|
|
|
<div id="profile">
|
|
<span class="form_label">username:</span><span class="form_field" id="username"
|
|
contenteditable="true">unnamed</span>
|
|
<div id="ids">
|
|
<div id="user_id"></div>
|
|
<div id="peer_id"></div>
|
|
<div id="peername"></div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- <div id="following">
|
|
<div>fiona</div>
|
|
<div>fiona</div>
|
|
</div> -->
|
|
<div id="peers"></div>
|
|
<div id="log"></div>
|
|
<div id="connectURL"></div>
|
|
<div id="qrcode"></div>
|
|
<!-- <dotlottie-player src="https://lottie.host/272b60dd-462d-42a3-8ed6-fec4143633d6/X4FxBascRI.json" background="transparent" speed="1" style="width: 300px; height: 300px" direction="1" playMode="normal" loop controls autoplay></dotlottie-player> -->
|
|
<!-- <div><canvas id="peer_display"></canvas></div> -->
|
|
|
|
</div>
|
|
|
|
<div id="compose">
|
|
<div id="buttons">
|
|
<!-- <button id="button_font1" >font1</button>
|
|
<button id="button_font2" >font2 </button> -->
|
|
<!-- <button id="import_tweets">import</button> -->
|
|
<!-- <button id="clear_posts">clear </button> -->
|
|
<!-- <button id="update_app">check for updates</button> -->
|
|
<!-- <button id="toggle_dark">light/dark</button> -->
|
|
</div>
|
|
|
|
<textarea cols="60" rows="6" id="textarea_post"></textarea>
|
|
<div class="right">
|
|
<label for="file-input" id="file-input-label" class="button button-big">photo</label>
|
|
<input type="file" id="file-input" accept="image/*" multiple style="display:none">
|
|
|
|
<!-- <button id="button_add_pic" >🏞️</button> -->
|
|
<button id="button_post" class="button button-big">post</button>
|
|
</div>
|
|
</div>
|
|
<!-- <div id="torrent-content"></div> -->
|
|
<div id="content"></div>
|
|
|
|
<div id="compose-button" class="compose-button emoji-fill">✏️</div>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |