Initial commit - index blocked in
This commit is contained in:
commit
b3c3389dbd
|
|
@ -0,0 +1,3 @@
|
|||
node_modules/
|
||||
.cache/
|
||||
dist/
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Lexiconga</title>
|
||||
<script src="src/index.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header id="top">
|
||||
<h1 id="title">Lexiconga</h1>
|
||||
<input id="searchButton" placeholder="🔍︎ Search">
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<aside id="sideColumn">
|
||||
<form id="wordForm">
|
||||
<label>Word<br>
|
||||
<input id="word">
|
||||
</label>
|
||||
</form>
|
||||
</aside>
|
||||
|
||||
<section id="mainColumn">
|
||||
<section id="detailsSection">
|
||||
<h2>Dictionary Name</h2>
|
||||
<nav>
|
||||
<ul>
|
||||
<li>Description</li>
|
||||
<li>Details</li>
|
||||
<li>Stats</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<article id="detailsPanel">
|
||||
<p>The dictionary details</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section id="entries">
|
||||
<article class="entry">
|
||||
<header>
|
||||
<h4 class="word">Word</h4>
|
||||
<span class="pronunciation">Pronunciation</span>
|
||||
<span class="part-of-speech">Part of Speech</span>
|
||||
</header>
|
||||
<dl>
|
||||
<dt class="definition">Definition</dt>
|
||||
<dd class="details">
|
||||
<p><em>Markdown</em> <strong>details</strong></p>
|
||||
</dd>
|
||||
</dl>
|
||||
</article>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
Lexiconga Footer Links
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "lexiconga-lite",
|
||||
"version": "1.0.0",
|
||||
"description": "A light-as-possible rewrite of Lexiconga",
|
||||
"main": "index.html",
|
||||
"repository": "https://cybre.tech/Alamantus/lexiconga-lite.git",
|
||||
"author": "Robbie Antenesse <dev@alamantus.com>",
|
||||
"license": "UNLICENCED",
|
||||
"scripts": {
|
||||
"start": "parcel index.html"
|
||||
},
|
||||
"devDependencies": {
|
||||
"parcel-bundler": "^1.12.3",
|
||||
"sass": "^1.19.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"normalize.css": "^8.0.1"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
import './main.scss';
|
||||
|
||||
function initialize() {
|
||||
console.log('initializing');
|
||||
}
|
||||
|
||||
window.onload = (function (oldLoad) {
|
||||
return function () {
|
||||
oldLoad && oldLoad();
|
||||
initialize();
|
||||
}
|
||||
})(window.onload);
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
@import 'styles/variables';
|
||||
|
||||
@import '../node_modules/normalize.css/normalize.css';
|
||||
|
||||
@import 'styles/containers';
|
||||
@import 'styles/elements';
|
||||
|
||||
html, body {
|
||||
font-family: $font;
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
header {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
border-bottom: 1px solid #dedede;
|
||||
margin: 0 0 5px;
|
||||
|
||||
&#top {
|
||||
max-height: $header-height;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
display: block;
|
||||
width: 90%;
|
||||
margin: 0 auto;
|
||||
|
||||
#sideColumn,
|
||||
#mainColumn {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#sideColumn {
|
||||
width: 28%;
|
||||
margin: 0 1%;
|
||||
}
|
||||
|
||||
#mainColumn {
|
||||
width: 68%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article {
|
||||
width: 95%;
|
||||
margin: 5px auto;
|
||||
border: 1px solid #dedede;
|
||||
|
||||
dl {
|
||||
padding: 0 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
footer {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
border-top: 1px solid #dedede;
|
||||
margin: 5px 0 0;
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
#top {
|
||||
#title {
|
||||
display: inline-block;
|
||||
margin: 3px 20px 3px 0;
|
||||
}
|
||||
|
||||
#searchButton {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
#wordForm {
|
||||
position: fixed;
|
||||
top: $header-height;
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
$font: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
|
||||
|
||||
$header-height: 60px;
|
||||
Loading…
Reference in New Issue