Initial commit - index blocked in
This commit is contained in:
commit
b3c3389dbd
9 changed files with 5381 additions and 0 deletions
3
.gitignore
vendored
Normal file
3
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
node_modules/
|
||||||
|
.cache/
|
||||||
|
dist/
|
||||||
62
index.html
Normal file
62
index.html
Normal file
|
|
@ -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>
|
||||||
19
package.json
Normal file
19
package.json
Normal file
|
|
@ -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"
|
||||||
|
}
|
||||||
|
}
|
||||||
12
src/index.js
Normal file
12
src/index.js
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
import './main.scss';
|
||||||
|
|
||||||
|
function initialize() {
|
||||||
|
console.log('initializing');
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onload = (function (oldLoad) {
|
||||||
|
return function () {
|
||||||
|
oldLoad && oldLoad();
|
||||||
|
initialize();
|
||||||
|
}
|
||||||
|
})(window.onload);
|
||||||
14
src/main.scss
Normal file
14
src/main.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
49
src/styles/_containers.scss
Normal file
49
src/styles/_containers.scss
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
15
src/styles/_elements.scss
Normal file
15
src/styles/_elements.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
#top {
|
||||||
|
#title {
|
||||||
|
display: inline-block;
|
||||||
|
margin: 3px 20px 3px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchButton {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#wordForm {
|
||||||
|
position: fixed;
|
||||||
|
top: $header-height;
|
||||||
|
}
|
||||||
3
src/styles/_variables.scss
Normal file
3
src/styles/_variables.scss
Normal file
|
|
@ -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…
Add table
Reference in a new issue