mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-21 12:22:00 +02:00
Code Issues Releases Wiki Activity

Fix script

Browse Source
This commit is contained in:
Kognise
2019-04-06 16:50:52 -04:00
parent 2b900b7e66
commit a176146843
3 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dev.js
View File

@@ -18,6 +18,13 @@ app.get('/', async (req, res) => {
res.send(injected)
})
app.get('/script.js', async (req, res) => {
console.log('> Serving script')
const script = await fs.readFile('script.js')
res.contentType('javascript')
res.send(script)
})
app.use('/dist', (req, res, next) => {
console.log('> Serving a stylesheet')
next()
@@ -33,7 +40,12 @@ chokidar.watch('index.html', { ignoreInitial: true }).on('all', () => {
reload()
})
chokidar.watch('src/*.scss', { ignoreInitial: true }).on('all', async (event, file) => {
chokidar.watch('script.js', { ignoreInitial: true }).on('all', () => {
console.log('> Script changed')
reload()
})
chokidar.watch('src/*.scss', { ignoreInitial: true }).on('all', (event, file) => {
console.log('> Stylesheet changed')
sass.render({ file, outputStyle: 'compressed' }, async (errors, { css }) => {
if (errors) {

2
index.html
View File

@@ -2,7 +2,7 @@
<html lang='en'>
<head>
<title>Water.css</title>
<link id='stylesheet' rel='stylesheet' href='dist/light.css'>
<link id='stylesheet' rel='stylesheet' href='dist/dark.css'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<script async src='https://www.googletagmanager.com/gtag/js?id=UA-116663597-6'></script>

3
script.js
View File

@@ -1,8 +1,11 @@
document.getElementById('switch').addEventListener('click', () => {
const stylesheet = document.getElementById('stylesheet')
const ph = document.getElementById('ph')
if (stylesheet.getAttribute('href') === 'dist/dark.css') {
stylesheet.setAttribute('href', 'dist/light.css')
ph.src = ph.src.replace('theme=dark', 'theme=light')
} else {
stylesheet.setAttribute('href', 'dist/dark.css')
ph.src = ph.src.replace('theme=light', 'theme=dark')
}
})