bobbydigitales/dandelion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
“bobbydigitales”
2023-11-09 21:45:17 -08:00
parent eb15d37527
commit 148df433c4
15 changed files with 961016 additions and 295 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
index.html
View File

@@ -1,15 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Dandelion</title>
<script src="main.js"></script>
</head>
<body>
<div id="status"></div>
<div id="log" style="margin-bottom: 100px"></div>
<textarea cols="40" rows="8" id="textarea_post"></textarea>
<input type="button" value="post" id="button_post" />
<div id="content"></div>
</body>
</html>
<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="module" src="main.js"></script>
<script src="marked.min.js"></script>
<style>
@font-face {
font-family: 'Virgil';
/* Define the name you want to reference your font with */
src: url('./virgil.woff2') format('woff2');
/* URL to the font file and format */
font-weight: normal;
/* Define the weight of the font */
font-style: normal;
/* Define the style of the font */
}
@font-face {
font-family: 'Bookerly';
/* Define the name you want to reference your font with */
src: url('./bookerly.woff2') format('woff2');
/* URL to the font file and format */
font-weight: normal;
/* Define the weight of the font */
font-style: normal;
/* Define the style of the font */
}
body {
font-family: Bookerly, sans-serif;
color: rgb(202, 208, 211);
background-color: black;
/* Use the font with a fallback */
}
hr {
border-color: rgb(128, 128, 128);
}
#textarea_post {
font-size: medium;
font-family: Bookerly;
background-color: rgb(0, 0, 0);
color: rgb(202, 208, 211);
width: 100%;
/* Make the textarea take up 100% of the body's width */
box-sizing: border-box;
/* Include padding and border in the element's total width and height */
padding: 10px;
/* Optional padding for the inside of the textarea */
border: 1px solid rgb(132, 136, 138);
/* Optional border for the textarea */
resize: vertical;
/* Allows the textarea to be resized vertically only */
}
.flex-container {
display: flex;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
padding: 0px;
/* Add some padding around the flex container */
}
.content {
max-width: 800px;
/* Your preferred max width for the content */
flex: 1;
/* Shorthand for flex-grow, flex-shrink and flex-basis */
min-width: 300px;
/* Minimum width the content can shrink to */
padding: 20px;
box-shadow: 0 0 10px rgb(60, 60, 60);
text-align: left;
overflow-x: hidden;
/* Hide horizontal overflow inside the flex container */
line-height: 1.3;
}
.embed {
max-width: 800px;
border-color: red;
border: 1px, solid;
padding: 20px;
}
#log {
font-family: monospace;
}
.button {
text-align: right;
}
a {
color: rgb(29, 155, 240);
}
</style>
</head>
<body>
<div class="flex-container">
<div class="content">
<div id="status"></div>
<div id="log" style="margin-bottom: 20px; height:100px;"></div>
<input type="button" value="font1" id="button_font1" />
<input type="button" value="font2" id="button_font2" />
<textarea cols="60" rows="8" id="textarea_post"></textarea>
<div class="button">
<input type="button" value="post" id="button_post" />
</div>
<div id="content"></div>
</div>
</div>
</body>
</html>