Browse Source

Add favicon.

panya-abhinanda 5 years ago
parent
commit
4e68d93049

+ 1 - 1
.gitignore

@@ -1,4 +1,4 @@
 /tmp
 /.vscode
 .DS_Store
-.vscode/settings.json
+.vscode/settings.json

+ 1 - 1
.vscode/settings.json

@@ -1,6 +1,6 @@
 {
 	"files.autoSave": "onFocusChange",
-	"workbench.iconTheme": "vscode-icons",
+	"workbench.iconTheme": "material-icon-theme",
 	"workbench.colorTheme": "Visual Studio Dark",
 	"editor.fontFamily": "SauceCodePro Nerd Font",
 	"editor.mouseWheelZoom": true,

+ 208 - 176
app/index.php

@@ -6,180 +6,212 @@ require_once "public/load_lang.php";
 
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 <html>
-	<head>
-		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<link type="text/css" rel="stylesheet" href="studio/css/font.css"/>
-		<link type="text/css" rel="stylesheet" href="studio/css/style.css"/>
-		<link type="text/css" rel="stylesheet" href="studio/css/color_day.css" id="colorchange" />
-        <title>wikipali</title>
-        <meta http-equiv="refresh" content="0,pcdl/"/>
-
-
-        <style>
-            #login_body{
-                display: flex;
-                padding: 2em;
-            }
-            #login_left {
-                padding-left: 4em;
-                flex: 5;
-            }
-            #login_right{
-                flex: 5;
-            }
-            .title{
-                font-size: 150%;
-                margin-top: 1em;
-                margin-bottom: 0.5em;
-            }
-            #login_form{
-                padding: 2em 0 1em 0;
-            }
-            #tool_bar {
-                padding: 1em;
-                display: flex;
-                justify-content: space-between;
-            }
-            #login_shortcut {
-                display: flex;
-                flex-direction: column;
-                padding: 2em 0;
-            }
-            #login_shortcut button{
-                height:3em;
-            }
-            #button_area{
-                text-align: right;
-                padding: 1em 0;
-            }
-            .form_help{
-                font-weight: 400;
-                color: var(--bookx);
-            }
-            .login_form input{
-                margin-top:2em;
-                padding:0.5em 0.5em;
-            }
-            .login_form select{
-                margin-top:2em;
-                padding:0.5em 0.5em;
-            }
-            .login_form input[type="submit"]{
-                margin-top:2em;
-                padding:0.1em 0.5em;
-            } 
-
-            .form_error{
-                color:var(--error-text);
-            }
-            #login_form_div{
-                width:30em;
-            }
-
-            #ucenter_body {
-                display: flex;
-                flex-direction: column;
-                margin: 0;
-                padding: 0;
-                background-color: var(--tool-bg-color3);
-                color: var(--btn-color);
-            }
-            .icon_big {
-                height: 2em;
-                width: 2em;
-                fill: var(--btn-color);
-                transition: all 0.2s ease;
-            }
-            .form_field_name{
-                position: absolute;
-                margin-left: 7px;
-                margin-top: 2em;
-                color: var(--btn-border-line-color);
-                -webkit-transition-duration: 0.4s;
-                -moz-transition-duration: 0.4s;
-                transition-duration: 0.4s;
-                transform: translateY(0.5em);
-            }
-            .viewswitch_on {
-                position: absolute;
-                margin-left: 7px;
-                margin-top: 1.5em;
-                color: var(--bookx);
-                -webkit-transition-duration: 0.4s;
-                -moz-transition-duration: 0.4s;
-                transition-duration: 0.4s;
-                transform: translateY(-15px);
-            }
-
-            .help_div{
-                margin-bottom: 2em;
-                width: 28em;
-            }
-            .htlp_title{
-                font-size:140%;
-                margin-bottom: 0.5em;
-            }
-            .help_fun_block{
-                background-color: var(--tool-bg-color);
-                color: var(--tool-color);
-                padding: 4px 4px 4px 12px;
-                max-width: 95%;
-                border-radius: 4px;
-                margin-bottom: 0.5em;
-            }
-            .help_fun_block .title{
-                font-size:120%;
-                margin-top:0.5em;
-                margin-bottom:0.5em;
-            }
-            .help_fun_block_link_list li{
-                display:inline;
-            }
-        </style>
-
-	    <style  media="screen and (max-width:800px)">
-            #login_body {
-                flex-direction: column;
-                padding: 0.2em;
-            }
-
-            #login_left {
-                padding-right: 0;
-                padding-top: 6em;
-            }
-
-            #login_form_div{
-                width:100%;
-            }
-
-            #login_right {
-                margin-top: 2em;
-                margin-left: 10px;
-                margin-right: 8px;
-            }
-            .fun_block{
-                max-width: 100%;
-            }
-
-        </style>
-	</head>
-	<body id="ucenter_body" >
-        <div id="tool_bar">
-
-        </div>	
-
-        <span style="background-color: silver;color: black;font-size: large;width: fit-content;align-self: center;">
-            <?php echo $_local->gui->test_declare;?>
-        </span>
-        
-        <div id="login_body" >
-            正在跳转到<a href="pcdl/">主页</a>
-        </div>
-
-        <script>
-
-        </script>
-
-	</body>
+
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link type="text/css" rel="stylesheet" href="studio/css/font.css" />
+    <link type="text/css" rel="stylesheet" href="studio/css/style.css" />
+    <link type="text/css" rel="stylesheet" href="studio/css/color_day.css" id="colorchange" />
+    <link rel="shortcut icon" href="public/images/favicon/favicon.ico">
+    <link rel="icon" sizes="16x16 32x32 64x64" href="public/images/favicon/favicon.ico">
+    <link rel="apple-touch-icon" sizes="180x180" href="public/images/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="public/images/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="public/images/favicon/favicon-16x16.png">
+    <link rel="manifest" href="public/images/favicon/site.webmanifest">
+    <link rel="mask-icon" href="public/images/favicon/safari-pinned-tab.svg" color="#333333">
+    <meta name="msapplication-TileColor" content="#ffc40d">
+    <meta name="theme-color" content="#ffffff">
+    <title>wikipali</title>
+    <meta http-equiv="refresh" content="0,pcdl/" />
+
+
+    <style>
+        #login_body {
+            display: flex;
+            padding: 2em;
+        }
+
+        #login_left {
+            padding-left: 4em;
+            flex: 5;
+        }
+
+        #login_right {
+            flex: 5;
+        }
+
+        .title {
+            font-size: 150%;
+            margin-top: 1em;
+            margin-bottom: 0.5em;
+        }
+
+        #login_form {
+            padding: 2em 0 1em 0;
+        }
+
+        #tool_bar {
+            padding: 1em;
+            display: flex;
+            justify-content: space-between;
+        }
+
+        #login_shortcut {
+            display: flex;
+            flex-direction: column;
+            padding: 2em 0;
+        }
+
+        #login_shortcut button {
+            height: 3em;
+        }
+
+        #button_area {
+            text-align: right;
+            padding: 1em 0;
+        }
+
+        .form_help {
+            font-weight: 400;
+            color: var(--bookx);
+        }
+
+        .login_form input {
+            margin-top: 2em;
+            padding: 0.5em 0.5em;
+        }
+
+        .login_form select {
+            margin-top: 2em;
+            padding: 0.5em 0.5em;
+        }
+
+        .login_form input[type="submit"] {
+            margin-top: 2em;
+            padding: 0.1em 0.5em;
+        }
+
+        .form_error {
+            color: var(--error-text);
+        }
+
+        #login_form_div {
+            width: 30em;
+        }
+
+        #ucenter_body {
+            display: flex;
+            flex-direction: column;
+            margin: 0;
+            padding: 0;
+            background-color: var(--tool-bg-color3);
+            color: var(--btn-color);
+        }
+
+        .icon_big {
+            height: 2em;
+            width: 2em;
+            fill: var(--btn-color);
+            transition: all 0.2s ease;
+        }
+
+        .form_field_name {
+            position: absolute;
+            margin-left: 7px;
+            margin-top: 2em;
+            color: var(--btn-border-line-color);
+            -webkit-transition-duration: 0.4s;
+            -moz-transition-duration: 0.4s;
+            transition-duration: 0.4s;
+            transform: translateY(0.5em);
+        }
+
+        .viewswitch_on {
+            position: absolute;
+            margin-left: 7px;
+            margin-top: 1.5em;
+            color: var(--bookx);
+            -webkit-transition-duration: 0.4s;
+            -moz-transition-duration: 0.4s;
+            transition-duration: 0.4s;
+            transform: translateY(-15px);
+        }
+
+        .help_div {
+            margin-bottom: 2em;
+            width: 28em;
+        }
+
+        .htlp_title {
+            font-size: 140%;
+            margin-bottom: 0.5em;
+        }
+
+        .help_fun_block {
+            background-color: var(--tool-bg-color);
+            color: var(--tool-color);
+            padding: 4px 4px 4px 12px;
+            max-width: 95%;
+            border-radius: 4px;
+            margin-bottom: 0.5em;
+        }
+
+        .help_fun_block .title {
+            font-size: 120%;
+            margin-top: 0.5em;
+            margin-bottom: 0.5em;
+        }
+
+        .help_fun_block_link_list li {
+            display: inline;
+        }
+    </style>
+
+    <style media="screen and (max-width:800px)">
+        #login_body {
+            flex-direction: column;
+            padding: 0.2em;
+        }
+
+        #login_left {
+            padding-right: 0;
+            padding-top: 6em;
+        }
+
+        #login_form_div {
+            width: 100%;
+        }
+
+        #login_right {
+            margin-top: 2em;
+            margin-left: 10px;
+            margin-right: 8px;
+        }
+
+        .fun_block {
+            max-width: 100%;
+        }
+    </style>
+</head>
+
+<body id="ucenter_body">
+    <div id="tool_bar">
+
+    </div>
+
+    <span style="background-color: silver;color: black;font-size: large;width: fit-content;align-self: center;">
+        <?php echo $_local->gui->test_declare; ?>
+    </span>
+
+    <div id="login_body">
+        正在跳转到<a href="pcdl/">主页</a>
+    </div>
+
+    <script>
+
+    </script>
+
+</body>
+
 </html>

BIN
app/public/images/favicon/android-chrome-192x192.png


BIN
app/public/images/favicon/android-chrome-512x512.png


BIN
app/public/images/favicon/apple-touch-icon-precomposed.png


BIN
app/public/images/favicon/apple-touch-icon.png


+ 9 - 0
app/public/images/favicon/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffc40d</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

BIN
app/public/images/favicon/favicon-16x16.png


BIN
app/public/images/favicon/favicon-32x32.png


BIN
app/public/images/favicon/favicon.ico


BIN
app/public/images/favicon/mstile-150x150.png


+ 1 - 0
app/public/images/favicon/safari-pinned-tab.svg

@@ -0,0 +1 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="346.667" height="346.667" viewBox="0 0 260.000000 260.000000"><path d="M68.5 27.4c-1.4 2-1.5 10.6-1.3 72 .3 67.7.4 69.8 2.2 71.2 2.7 1.9 7 1.8 8.9-.4 1.6-1.7 1.7-8.1 1.7-71.9 0-66.5-.1-70.1-1.8-71.6-2.8-2.5-7.8-2.2-9.7.7zM94.5 27.4c-1.4 2-1.5 10.6-1.3 72 .3 67.7.4 69.8 2.2 71.2 3 2.1 7.2 1.7 9-.8 1.4-2 1.6-10.5 1.6-71.9 0-66.1-.1-69.7-1.8-71.2-2.8-2.5-7.8-2.2-9.7.7zM120.6 27.2c-1.4 2-1.6 10.4-1.6 71.5 0 68 0 69.3 2 71.3 2.7 2.7 7.5 2.6 9.4-.2 1.4-2 1.6-10.5 1.6-71.9 0-66.1-.1-69.7-1.8-71.2-2.7-2.5-7.8-2.2-9.6.5zM180.6 91.1c-12.3 2-24.2 11.4-29.6 23.2-4.2 9.3-5.2 15.5-5.7 35.3-.5 17.5-.5 18.2 1.6 20.3 1.2 1.2 3.4 2.1 5.1 2.1 5.2 0 5.8-2.3 6.3-23.5.5-22 2-28.1 8.8-35.9 5-5.7 10.9-8.5 19.3-9.3 5.5-.5 7-1 8.6-3.1 2.6-3.2 2.5-4.8-.5-7.7-2.6-2.7-5-2.9-13.9-1.4z"/><path d="M184.9 119.7c-1.1 1.3-1.5 10-2 43.2-.5 39.9-.6 41.8-2.8 47.7-3 8.2-8 14-13.4 15.5-2.3.6-5.2 1.5-6.4 2-3 1.1-4 5.3-1.9 8.4 1.4 2.1 2.4 2.5 6.6 2.5 10.1 0 19.4-7.3 25.2-19.5 5.1-10.9 5.7-17.9 5.8-60.1 0-35.7-.1-38.2-1.8-39.7-2.4-2.2-7.6-2.2-9.3 0z"/></svg>

+ 18 - 0
app/public/images/favicon/site.webmanifest

@@ -0,0 +1,18 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff"
+}