loredarchives/LoredMarkdown
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

feat(front): ✨ index.html base

Browse Source
This commit is contained in:
sxpphickat
2023-11-28 21:02:43 -03:00
parent 24fa8bbeaa
commit 71bfabb32f
1 changed files with 75 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
index.html
View File

@@ -5,14 +5,85 @@
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
<link href="src/css/style.css" rel="stylesheet">
<!-- auto-refresh in dev -->
<!-- <script type="text/javascript" src="https://livejs.com/live.js"></script> -->
<script type="text/javascript" src="https://livejs.com/live.js"></script>
<script type="module" src="./packages/banners/src/index.js"></script>
</head>
<body>
<h1> Hello, world </h1>
<div class="container">
<div class="banner">
</div>
<div class="options">
<h1>Lored's Markdown</h1>
<form class="options-grid-container">
<input class="txt-input" type="text" id="title" name="banner-title" placeholder="Title">
<input class="txt-input" type="text" id="subtitle" name="banner-subtitle" placeholder="Subtitle">
<input class="txt-input" type="url" id="bg-img-link" name="bg-img-link" placeholder="Background Image link">
<input class="txt-input" type="url" id="icon" name="icon" placeholder="Icon name or link">
<div class="style-layout">
<label for="layout">Layout</label>
<select class="txt-input" name="layout" id="layout">
<option value="horizontal">Horizontal</option>
<option value="vertical">Vertical</option>
</select>
</div>
<div class="style-layout">
<label for="bg-color">Background</label>
<input type="color" id="bg-color" name="bg-color">
</div>
<div class="center-txt-vertically span-2" >
<input type="checkbox" id="rtl" name="rtl">
<label for="rtl">Right-to-left</label>
</div>
<input class="txt-input span-2" type="url" name="repo-url" id="repo-url" placeholder="Repository url">
<div class="list-of-items">
<label for="show-info">Show info:</label>
<div class="center-txt-vertically">
<input type="checkbox" id="issues" value="issues" name="show-info">
<label for="issues">Issues</label><br>
</div>
<div class="center-txt-vertically">
<input type="checkbox" id="prs" value="prs" name="show-info">
<label for="prs">Pull requests</label><br>
</div>
<div class="center-txt-vertically">
<input type="checkbox" id="contributors" value="contributors" name="show-info">
<label for="contributors">Contributors</label><br>
</div>
<br>
</div>
<div class="list-of-items">
<label for="deco">Event decoration:</label>
<div class="center-txt-vertically">
<input type="radio" id="halloween" value="halloween" name="deco">
<label for="halloween">Halloween</label><br>
</div>
<div class="center-txt-vertically">
<input type="radio" id="christmas" value="christmas" name="deco">
<label for="christmas">Christmas</label><br>
</div>
<div class="center-txt-vertically">
<input type="radio" id="easter" value="easter" name="deco">
<label for="easter">Easter</label><br>
</div>
<div class="center-txt-vertically">
<input type="radio" id="pride" value="pride" name="deco">
<label for="pride">Pride month</label><br>
</div>
</div>
</form>
</div>
</div>
</body>
</html>