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

Merge pull request #103 from mohd-akram/fix-demo

Browse Source 
Fix demo page
This commit is contained in:
Kognise
2019-09-21 09:52:01 -04:00
committed by GitHub
parent 3aedaf2b43 d38866b357
commit c9e5cc9ec0
4 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
icons/browserconfig.xml
View File

@@ -2,10 +2,10 @@
<browserconfig> <browserconfig>
<msapplication> <msapplication>
<tile> <tile>
<square70x70logo src="/icons/mstile-70x70.png"/> <square70x70logo src="icons/mstile-70x70.png"/>
<square150x150logo src="/icons/mstile-150x150.png"/> <square150x150logo src="icons/mstile-150x150.png"/>
<square310x310logo src="/icons/mstile-310x310.png"/> <square310x310logo src="icons/mstile-310x310.png"/>
<wide310x150logo src="/icons/mstile-310x150.png"/> <wide310x150logo src="icons/mstile-310x150.png"/>
<TileColor>#00aba9</TileColor> <TileColor>#00aba9</TileColor>
</tile> </tile>
</msapplication> </msapplication>

4
icons/site.webmanifest
View File

@@ -3,12 +3,12 @@
"short_name": "Water.css", "short_name": "Water.css",
"icons": [ "icons": [
{ {
"src": "/icons/android-chrome-192x192.png", "src": "icons/android-chrome-192x192.png",
"sizes": "192x192", "sizes": "192x192",
"type": "image/png" "type": "image/png"
}, },
{ {
"src": "/icons/android-chrome-512x512.png", "src": "icons/android-chrome-512x512.png",
"sizes": "512x512", "sizes": "512x512",
"type": "image/png" "type": "image/png"
} }

17
index.html
View File

@@ -1,34 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang='en'> <html lang='en'>
<head> <head>
<meta charset='utf-8'>
<title>Water.css</title> <title>Water.css</title>
<link id='stylesheet' rel='stylesheet' href='../dist/dark.css' /> <link id='stylesheet' rel='stylesheet' href='dist/dark.css' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' /> <meta name='viewport' content='width=device-width, initial-scale=1.0' />
<!-- Icons generated with https://realfavicongenerator.net --> <!-- Icons generated with https://realfavicongenerator.net -->
<link <link
rel='apple-touch-icon' rel='apple-touch-icon'
sizes='180x180' sizes='180x180'
href='/icons/apple-touch-icon.png' href='icons/apple-touch-icon.png'
/> />
<link <link
rel='icon' rel='icon'
type='image/png' type='image/png'
sizes='32x32' sizes='32x32'
href='/icons/favicon-32x32.png' href='icons/favicon-32x32.png'
/> />
<link <link
rel='icon' rel='icon'
type='image/png' type='image/png'
sizes='16x16' sizes='16x16'
href='/icons/favicon-16x16.png' href='icons/favicon-16x16.png'
/> />
<link rel='manifest' href='/icons/site.webmanifest' /> <link rel='manifest' href='icons/site.webmanifest' />
<link rel='mask-icon' href='/icons/safari-pinned-tab.svg' color='#5bbad5' /> <link rel='mask-icon' href='icons/safari-pinned-tab.svg' color='#5bbad5' />
<link rel='shortcut icon' href='/icons/favicon.ico' /> <link rel='shortcut icon' href='icons/favicon.ico' />
<meta name='apple-mobile-web-app-title' content='Water.css' /> <meta name='apple-mobile-web-app-title' content='Water.css' />
<meta name='application-name' content='Water.css' /> <meta name='application-name' content='Water.css' />
<meta name='msapplication-TileColor' content='#00aba9' /> <meta name='msapplication-TileColor' content='#00aba9' />
<meta name='msapplication-config' content='/icons/browserconfig.xml' /> <meta name='msapplication-config' content='icons/browserconfig.xml' />
<meta name='theme-color' content='#ffffff' /> <meta name='theme-color' content='#ffffff' />
<script <script

8
script.js
View File

@@ -4,15 +4,15 @@
iconModeSwitcher([ iconModeSwitcher([
{ {
element: 'link[rel="shortcut icon"]', element: 'link[rel="shortcut icon"]',
href: { dark: '/icons/light-favicon.ico' } href: { dark: 'icons/light-favicon.ico' }
}, },
{ {
element: 'link[rel="icon"][sizes="16x16"]', element: 'link[rel="icon"][sizes="16x16"]',
href: { dark: '/icons/light-favicon-16x16.png' } href: { dark: 'icons/light-favicon-16x16.png' }
}, },
{ {
element: 'link[rel="icon"][sizes="32x32"]', element: 'link[rel="icon"][sizes="32x32"]',
href: { dark: '/icons/light-favicon-32x32.png' } href: { dark: 'icons/light-favicon-32x32.png' }
} }
]) ])
})() })()
@@ -77,7 +77,7 @@
const lightSchemeMql = matchMedia('(prefers-color-scheme: light)'); const lightSchemeMql = matchMedia('(prefers-color-scheme: light)');
const that = this; const that = this;
this.themeDir = '../dist/'; this.themeDir = 'dist/';
this.stylesheet = document.getElementById(stylesheet); this.stylesheet = document.getElementById(stylesheet);
this.current = this.getThemeName(this.stylesheet.href); this.current = this.getThemeName(this.stylesheet.href);
this.isDark = darkSchemeMql.matches; this.isDark = darkSchemeMql.matches;