copy assets

mryanshenghong · Jul 21, 2022 · 1f6630a · 1f6630a
1 parent 62e5076
commit 1f6630a
Show file tree

Hide file tree

Showing 24 changed files with 287 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -2,9 +2,11 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
+    <link rel="icon" href="/favicon.ico" />
+    <title>About life</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/src/assets/bambi.jpg b/src/assets/bambi.jpg
diff --git a/src/assets/home.jpg b/src/assets/home.jpg
diff --git a/src/assets/intro_guitar.jpg b/src/assets/intro_guitar.jpg
diff --git a/src/assets/intro_guitar.mp4 b/src/assets/intro_guitar.mp4
diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/assets/ti10.jpg b/src/assets/ti10.jpg
diff --git a/src/intro.ts b/src/intro.ts
@@ -0,0 +1,26 @@
+export const intro = {
+  anything: {
+    title: "Anything",
+    intro: ["日常生活琐碎小事...", "吹吹牛皮...", "所见所闻...", "anything..."],
+    media_type: "img",
+    media_url: require("./assets/home.jpg"),
+  },
+  music: {
+    title: "Music",
+    intro: ["练练指弹...", "梦想有一把泰勒吉他...", "现在实现了一半那就是有了一把吉他...", "有了泰勒也是个菜逼..."],
+    media_type: "img",
+    media_url: require("./assets/intro_guitar.jpg"),
+  },
+  dota: {
+    title: "Dota",
+    intro: ["遨游在美东鱼塘...", "整天要面对不知道说些什么语言的队友...", "CNDOTA BEST DOTA...", "怀念和大家通宵Dota打话费的日子..."],
+    media_type: "img",
+    media_url: require("./assets/ti10.jpg"),
+  },
+  bambi: {
+    title: "Bambi",
+    intro: ["混血小蓝猫,看起来很老但是只有一岁半...", "贪吃,日渐涨胖...", "喜欢学鸟叫...", "每天都一副很不爽的表情..."],
+    media_type: "img",
+    media_url: require("./assets/bambi.jpg"),
+  },
+};
diff --git a/src/styles/consts.scss b/src/styles/consts.scss
@@ -0,0 +1,3 @@
+$theme-color: #f2f3f7;
+$main-font-color: #000000;
+$blog-title-size: 24px;
diff --git a/src/styles/font/iconfont.css b/src/styles/font/iconfont.css
@@ -0,0 +1,25 @@
+@font-face {font-family: "iconfont";
+  src: url('iconfont.eot?t=1568233832699'); /* IE9 */
+  src: url('iconfont.eot?t=1568233832699#iefix') format('embedded-opentype'), /* IE6-IE8 */
+  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAPAAAsAAAAAB8QAAANxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDBgqDHIJpATYCJAMMCwgABCAFhG0HRxvABsgOJaHAwADgAVlCPHztx/7c3X2CaVOLVLFqlhgSiUYonqGTaJT2S/6hWaj2823qI1AjdaEzqbl/EiKQEup+NM06MzmJyW07VXyey+ndVeLzW5bjGrTGwqNegHFAAY21KToLuEAC8oaxC1riYQKdxm2B7cUkZYGuwhwViDtGUg66Gb3SUBpaoa5YWCDeQUubBkQPgLfg+/GbR+iCpMpgTjy6ja6CsB9T3zV4+8qDIo8A6XRWsGVkrAKFuK60X8Gj+Cpcp6ohmnNrRUhThVb+E0g0Xb3RP14iajCLu8EiTCR+TDkigh+aRRLIoPYYyVcAn4gzzEAR/QRpmd5kOHjBmpi8uNZo92U7ralLUhIXZ5C7DnXsH9q77QAisY5D5OAe8xGA0o7wcdl36El20+PnWU985kfFQ+NYzo51t65Zze0z37fbYgg7eRH2nhUP7baanrZ6+jSn4/jmsQWnjt13/W8PRZ+/vxMOasz3HnV4/Dhr9CDAQ++trJ49y3360ms1tNulkZ1ktqZdYxFcZ/y3jc1hV2Oa954rvu9E778G2fOrJhyt9pQEGl2vfFu3hesav+g4SELlsIvEooi4FlO7v/e5huH6B/Vg/9Xt01ni/6JhaRgG1TwuHjU33t219u9EMtFYJGpf25Ibx61EWvXbEqHkUXUaZsTFxbYQeLt0cDJxzoZq1Zs1wMP6XHd/x6aIa39EcMMcmh9w4P/lfCWH/a3fmFq/NFpqFPSvFRMA3+cbpYH3/+UC3ZygvRdH8G+kHeuKJjcNuSgSR2I4suNUjoROTeuPlMOgt8N1I52LCa2RBEljDFlrliycVVS6rKHW2kSnFbHLuwzh4aLoAct6AEK/w0h6fUPW7yFZOG9QGfUHtf7A0ekizDbsMh8MGcmjcgFVURUNFFPJsbRtEsiwNANJahTlfFoecHMQr2ZClLuLWz4Vi1jETzFFXSvxEASaonlOScWA45BCwVEqnpOhSsFFKgiqAFdXuupFLpWcEki7eEg5AVKFUqEBhVGJw6K95gKy8PkMiEQNhXJ8A60qngPhqTHtU9y5cOtAxmrYTrRbeUatloQHgYBGofE4SpQYYEUUVpxDUVX3k0EqCVxIB0RVAriiRnRXjcvyOuX7bYFO5sE5RBiOEdB7z1Uy5QoFw8pRFcPqp2skjCCtqQAAAAAA') format('woff2'),
+  url('iconfont.woff?t=1568233832699') format('woff'),
+  url('iconfont.ttf?t=1568233832699') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
+  url('iconfont.svg?t=1568233832699#iconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 1.5rem;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.iconsociallinkedin:before {
+  content: "\e89a";
+}
+
+.iconsocialgithub:before {
+  content: "\e8a0";
+}
+
diff --git a/src/styles/font/iconfont.eot b/src/styles/font/iconfont.eot
diff --git a/src/styles/font/iconfont.svg b/src/styles/font/iconfont.svg
diff --git a/src/styles/font/iconfont.ttf b/src/styles/font/iconfont.ttf
diff --git a/src/styles/font/iconfont.woff b/src/styles/font/iconfont.woff
diff --git a/src/styles/font/iconfont.woff2 b/src/styles/font/iconfont.woff2
diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -0,0 +1,9 @@
+@import './webfont/cerepf/mainFont.css';
+html,
+body {
+  font-family: 'main-font' !important;
+  //   font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
@@ -0,0 +1,128 @@
+// http://meyerweb.com/eric/tools/css/reset/
+//  v2.0 | 20110126
+//  License: none (public domain)
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+// HTML5 display-role reset for older browsers
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol,
+ul {
+  list-style: none;
+}
+blockquote,
+q {
+  quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
diff --git a/src/styles/webfont/cerepf/mainFont.css b/src/styles/webfont/cerepf/mainFont.css
@@ -0,0 +1,17 @@
+@charset "UTF-8";
+
+@font-face {
+  font-family: 'main-font';
+  src: url('webfont.woff2') format('woff2'), url('webfont.woff') format('woff'), url('webfont.ttf') format('truetype'),
+    url('webfont.eot') format('embedded-opentype'), url('webfont.svg') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.main-font {
+  font-family: 'main-font' !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/styles/webfont/cerepf/webfont.eot b/src/styles/webfont/cerepf/webfont.eot
diff --git a/src/styles/webfont/cerepf/webfont.svg b/src/styles/webfont/cerepf/webfont.svg
diff --git a/src/styles/webfont/cerepf/webfont.ttf b/src/styles/webfont/cerepf/webfont.ttf
diff --git a/src/styles/webfont/cerepf/webfont.woff b/src/styles/webfont/cerepf/webfont.woff
diff --git a/src/styles/webfont/cerepf/webfont.woff2 b/src/styles/webfont/cerepf/webfont.woff2