89 lines
2.9 KiB
HTML
89 lines
2.9 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"
|
|
}
|
|
}
|
|
</script>
|
|
<script defer type="module" src="/static/main.js"></script>
|
|
<script defer src="/static/lib/marked.min.js"></script>
|
|
<script defer 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">
|
|
<link defer rel="stylesheet" href="/static/main.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<div class="flex-container">
|
|
<div class="content">
|
|
<div class="img-button" id="ddln_logo_button"></div>
|
|
|
|
<div id="status"></div>
|
|
|
|
<div id="info" style="display:none">
|
|
<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">photo</label>
|
|
<input type="file" id="file_input" accept="image/*" multiple style="display:none">
|
|
|
|
<!-- <button id="button_add_pic" >🏞️</button> -->
|
|
<button id="button_post">post</button>
|
|
</div>
|
|
</div>
|
|
<!-- <div id="torrent-content"></div> -->
|
|
<div id="content"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |