build script + editor + other things

This commit is contained in:
2023-06-16 19:20:44 +02:00
parent 15c33ce2c5
commit b6fb8ef294
8 changed files with 176 additions and 169 deletions

View File

@@ -23,7 +23,7 @@
</template> </template>
<style> <style>
:root, :root.light { :root, :root.light {
--primary-color: #2c3e50; --primary-color: #2c3e50;
--accent-background: rgb(30, 30, 82); --accent-background: rgb(30, 30, 82);
--secondary-color: white; --secondary-color: white;
@@ -36,9 +36,9 @@
--inactive-color: rgb(100, 100, 100); --inactive-color: rgb(100, 100, 100);
--highlight-backdrop: rgb(143, 134, 192); --highlight-backdrop: rgb(143, 134, 192);
--PI: 3.14159265358979; --PI: 3.14159265358979;
} }
:root.dark { :root.dark {
--primary-color: white; --primary-color: white;
--accent-background: rgb(56, 56, 112); --accent-background: rgb(56, 56, 112);
--secondary-color: white; --secondary-color: white;
@@ -50,9 +50,9 @@
--overlay-color: rgba(104, 104, 104, 0.575); --overlay-color: rgba(104, 104, 104, 0.575);
--inactive-color: rgb(190, 190, 190); --inactive-color: rgb(190, 190, 190);
--highlight-backdrop: rgb(85, 63, 207); --highlight-backdrop: rgb(85, 63, 207);
} }
@media ( prefers-color-scheme: dark ) { @media ( prefers-color-scheme: dark ) {
:root { :root {
--primary-color: white; --primary-color: white;
--popup-color: rgb(58, 58, 58); --popup-color: rgb(58, 58, 58);
@@ -66,14 +66,14 @@
--inactive-color: rgb(190, 190, 190); --inactive-color: rgb(190, 190, 190);
--highlight-backdrop: rgb(85, 63, 207); --highlight-backdrop: rgb(85, 63, 207);
} }
} }
::selection { ::selection {
background-color: var( --highlight-backdrop ); background-color: var( --highlight-backdrop );
color: var( --secondary-color ); color: var( --secondary-color );
} }
#themeSelector { #themeSelector {
background-color: rgba( 0, 0, 0, 0 ); background-color: rgba( 0, 0, 0, 0 );
color: var( --primary-color ); color: var( --primary-color );
font-size: 130%; font-size: 130%;
@@ -81,17 +81,17 @@
margin: 0; margin: 0;
border: none; border: none;
cursor: pointer; cursor: pointer;
} }
html, html,
body { body {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
#app { #app {
transition: 0.5s; transition: 0.5s;
background-color: var( --background-color ); background-color: var( --background-color );
font-family: Avenir, Helvetica, Arial, sans-serif; font-family: Avenir, Helvetica, Arial, sans-serif;
@@ -102,49 +102,53 @@ body {
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
nav { nav {
padding: 30px; padding: 30px;
} }
nav a { nav a {
font-weight: bold; font-weight: bold;
color: var( --primary-color ); color: var( --primary-color );
} }
nav a.router-link-exact-active { nav a.router-link-exact-active {
color: #42b983; color: #42b983;
} }
.scale-enter-active, .scale-enter-active,
.scale-leave-active { .scale-leave-active {
transition: all 0.5s ease; transition: all 0.5s ease;
} }
.scale-enter-from, .scale-enter-from,
.scale-leave-to { .scale-leave-to {
opacity: 0; opacity: 0;
transform: scale(0.9); transform: scale(0.9);
} }
.fade-enter-active, .fade-enter-active,
.fade-leave-active { .fade-leave-active {
transition: opacity 0.4s ease; transition: opacity 0.4s ease;
} }
.fade-enter-from, .fade-enter-from,
.fade-leave-to { .fade-leave-to {
opacity: 0; opacity: 0;
} }
.material-symbols-outlined { .material-symbols-outlined {
font-variation-settings: font-variation-settings:
'FILL' 0, 'FILL' 0,
'wght' 400, 'wght' 400,
'GRAD' 0, 'GRAD' 0,
'opsz' 48 'opsz' 48
} }
.clr-open {
border: black solid 1px !important;
}
</style> </style>
<script> <script>

View File

@@ -11,7 +11,7 @@
<div id="stages" class="stages"> <div id="stages" class="stages">
<div id="rectangular" v-if="shape == 'rectangular'" class="stages"></div> <div id="rectangular" v-if="shape == 'rectangular'" class="stages"></div>
<div id="trapezoid" v-else-if="shape == 'trapezoid'" class="stages"><div id="trapezoid-ingredient"></div></div> <div id="trapezoid" v-else-if="shape == 'trapezoid'" class="stages"><div id="trapezoid-ingredient"></div></div>
<div id="circular" v-else-if="shape == 'circular'" class="stages">Stage</div> <div id="circular" v-else-if="shape == 'circular'" class="stages"><div id="circular-ingredient"></div></div>
</div> </div>
</template> </template>
@@ -25,7 +25,7 @@
border: solid black 2px; border: solid black 2px;
} }
#trapezoid { #trapezoid, #circular {
overflow: hidden; overflow: hidden;
} }
@@ -38,6 +38,16 @@
top: 29vh; top: 29vh;
right: 120vh; right: 120vh;
} }
#circular-ingredient {
border: solid black 2px;
border-radius: 100%;
height: 199%;
width: 199%;
position: relative;
top: 0;
right: 100%;
}
</style> </style>
<script> <script>

View File

@@ -11,7 +11,7 @@
<div id="stages"> <div id="stages">
<div id="rectangular" v-if="shape == 'rectangular'"></div> <div id="rectangular" v-if="shape == 'rectangular'"></div>
<div id="trapezoid" v-if="shape == 'trapezoid'"></div> <div id="trapezoid" v-if="shape == 'trapezoid'"></div>
<div id="circular" v-if="orishapegin == 'circular'"></div> <div id="circular" v-if="origin == 'circular'"></div>
</div> </div>
</template> </template>

View File

@@ -17,15 +17,29 @@
</div> </div>
<div class="ticket-settings"> <div class="ticket-settings">
<h3>Ticket Settings</h3> <h3>Ticket Settings</h3>
<div class="category" v-for="category in event.categories"> <table class="category" v-for="category in event.categories">
{{ category.name }}: {{ category.name }}:
<div v-for="price in category.price"> <tr v-for="price in category.price">
<td>
{{ price.name }}: {{ price.name }}:
</td>
<td>
<input type="number" v-model="price.price"> <input type="number" v-model="price.price">
</div> </td>
{{ category.fg }} </tr>
{{ category.bg }} <tr>
</div> <td>Foreground colour</td>
<td>
<input type="text" data-coloris v-model="category.fg" onkeydown="return false;">
</td>
</tr>
<tr>
<td>Background colour</td>
<td>
<input type="text" data-coloris v-model="category.bg" onkeydown="return false;">
</td>
</tr>
</table>
</div> </div>
<div class="special-settings"> <div class="special-settings">
<h3>Special Settings</h3> <h3>Special Settings</h3>

View File

@@ -7,19 +7,48 @@
* *
*/ */
const prompt = require( 'prompt-sync' );
const markdownIt = require( 'markdown-it' ); const markdownIt = require( 'markdown-it' );
const md2html = new markdownIt(); const md2html = new markdownIt();
const fs = require( 'fs' );
const path = require( 'path' );
buildNav( buildDocs() );
if ( prompt( 'Do you want to rebuild the ' ).toLowercase === 'y' ) { function buildNav ( pathObject ) {
buildDocs(); console.log( 'building nav ' + pathObject );
buildNav();
}
function buildNav () {
} }
function buildDocs () { function buildDocs () {
let directoriesToScan = [];
let files = fs.readdirSync( path.join( __dirname + '/src/' ) );
for ( let file in files ) {
if ( files[ file ].substring( files[ file ].length - 3 ) == '.md' ) {
handleMD( files[ file ] );
} else {
directoriesToScan.push( files[ file ] );
}
}
let count = directoriesToScan.length;
while ( count > 0 ) {
for ( let missing in directoriesToScan ) {
let files = fs.readdirSync( path.join( __dirname + '/src/' + directoriesToScan[ missing ] ) );
count -= 1;
for ( let file in files ) {
if ( files[ file ].substring( files[ file ].length - 3 ) == '.md' ) {
handleMD( files[ file ] );
} else {
directoriesToScan.push( directoriesToScan[ missing ] + '/' + files[ file ] );
count += 1;
}
}
}
}
md2html.render( '#Test' ); md2html.render( '#Test' );
return 'Hi';
}
function handleMD ( path ) {
console.log( 'md file', path );
} }

View File

@@ -9,16 +9,7 @@
"version": "1.0.0", "version": "1.0.0",
"license": "GPL-3.0-or-later", "license": "GPL-3.0-or-later",
"dependencies": { "dependencies": {
"markdown-it": "^13.0.1", "markdown-it": "^13.0.1"
"prompt-sync": "^4.2.0"
}
},
"node_modules/ansi-regex": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
"integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==",
"engines": {
"node": ">=6"
} }
}, },
"node_modules/argparse": { "node_modules/argparse": {
@@ -65,25 +56,6 @@
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
"integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==" "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
}, },
"node_modules/prompt-sync": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/prompt-sync/-/prompt-sync-4.2.0.tgz",
"integrity": "sha512-BuEzzc5zptP5LsgV5MZETjDaKSWfchl5U9Luiu8SKp7iZWD5tZalOxvNcZRwv+d2phNFr8xlbxmFNcRKfJOzJw==",
"dependencies": {
"strip-ansi": "^5.0.0"
}
},
"node_modules/strip-ansi": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
"integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
"dependencies": {
"ansi-regex": "^4.1.0"
},
"engines": {
"node": ">=6"
}
},
"node_modules/uc.micro": { "node_modules/uc.micro": {
"version": "1.0.6", "version": "1.0.6",
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
@@ -91,11 +63,6 @@
} }
}, },
"dependencies": { "dependencies": {
"ansi-regex": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-4.1.1.tgz",
"integrity": "sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g=="
},
"argparse": { "argparse": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@@ -131,22 +98,6 @@
"resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz", "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-1.0.1.tgz",
"integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==" "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g=="
}, },
"prompt-sync": {
"version": "4.2.0",
"resolved": "https://registry.npmjs.org/prompt-sync/-/prompt-sync-4.2.0.tgz",
"integrity": "sha512-BuEzzc5zptP5LsgV5MZETjDaKSWfchl5U9Luiu8SKp7iZWD5tZalOxvNcZRwv+d2phNFr8xlbxmFNcRKfJOzJw==",
"requires": {
"strip-ansi": "^5.0.0"
}
},
"strip-ansi": {
"version": "5.2.0",
"resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-5.2.0.tgz",
"integrity": "sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==",
"requires": {
"ansi-regex": "^4.1.0"
}
},
"uc.micro": { "uc.micro": {
"version": "1.0.6", "version": "1.0.6",
"resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz", "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",

View File

@@ -4,7 +4,7 @@
"description": "The website of libreevent", "description": "The website of libreevent",
"main": "build.js", "main": "build.js",
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "build": "node build.js"
}, },
"repository": { "repository": {
"type": "git", "type": "git",
@@ -17,7 +17,6 @@
}, },
"homepage": "https://libreevent.janishutz.com", "homepage": "https://libreevent.janishutz.com",
"dependencies": { "dependencies": {
"markdown-it": "^13.0.1", "markdown-it": "^13.0.1"
"prompt-sync": "^4.2.0"
} }
} }

View File