diff --git a/index.html b/index.html
index 143557b..0dfe42e 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,11 @@
-
-
- Vite + Vue + TS
+
+
+
+
+ About life
diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100755
index 0000000..9ade482
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/src/assets/bambi.jpg b/src/assets/bambi.jpg
new file mode 100755
index 0000000..39bc774
Binary files /dev/null and b/src/assets/bambi.jpg differ
diff --git a/src/assets/home.jpg b/src/assets/home.jpg
new file mode 100644
index 0000000..2cb9e8f
Binary files /dev/null and b/src/assets/home.jpg differ
diff --git a/src/assets/intro_guitar.jpg b/src/assets/intro_guitar.jpg
new file mode 100644
index 0000000..1695d02
Binary files /dev/null and b/src/assets/intro_guitar.jpg differ
diff --git a/src/assets/intro_guitar.mp4 b/src/assets/intro_guitar.mp4
new file mode 100644
index 0000000..0467c66
Binary files /dev/null and b/src/assets/intro_guitar.mp4 differ
diff --git a/src/assets/logo.png b/src/assets/logo.png
new file mode 100644
index 0000000..1828b6d
Binary files /dev/null and b/src/assets/logo.png differ
diff --git a/src/assets/ti10.jpg b/src/assets/ti10.jpg
new file mode 100644
index 0000000..8005390
Binary files /dev/null and b/src/assets/ti10.jpg differ
diff --git a/src/intro.ts b/src/intro.ts
new file mode 100644
index 0000000..16b185d
--- /dev/null
+++ 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
new file mode 100644
index 0000000..2af0bdb
--- /dev/null
+++ 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
new file mode 100644
index 0000000..8df8dcb
--- /dev/null
+++ 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
new file mode 100644
index 0000000..378a893
Binary files /dev/null and b/src/styles/font/iconfont.eot differ
diff --git a/src/styles/font/iconfont.svg b/src/styles/font/iconfont.svg
new file mode 100644
index 0000000..71f015f
--- /dev/null
+++ b/src/styles/font/iconfont.svg
@@ -0,0 +1,32 @@
+
+
+
+
diff --git a/src/styles/font/iconfont.ttf b/src/styles/font/iconfont.ttf
new file mode 100644
index 0000000..77cc705
Binary files /dev/null and b/src/styles/font/iconfont.ttf differ
diff --git a/src/styles/font/iconfont.woff b/src/styles/font/iconfont.woff
new file mode 100644
index 0000000..5780454
Binary files /dev/null and b/src/styles/font/iconfont.woff differ
diff --git a/src/styles/font/iconfont.woff2 b/src/styles/font/iconfont.woff2
new file mode 100644
index 0000000..0813459
Binary files /dev/null and b/src/styles/font/iconfont.woff2 differ
diff --git a/src/styles/global.scss b/src/styles/global.scss
new file mode 100644
index 0000000..1cc7216
--- /dev/null
+++ 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
new file mode 100644
index 0000000..fe90bf1
--- /dev/null
+++ 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
new file mode 100644
index 0000000..147575f
--- /dev/null
+++ 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
new file mode 100644
index 0000000..0d9e938
Binary files /dev/null and b/src/styles/webfont/cerepf/webfont.eot differ
diff --git a/src/styles/webfont/cerepf/webfont.svg b/src/styles/webfont/cerepf/webfont.svg
new file mode 100644
index 0000000..287db9d
--- /dev/null
+++ b/src/styles/webfont/cerepf/webfont.svg
@@ -0,0 +1,42 @@
+
+
+
+
diff --git a/src/styles/webfont/cerepf/webfont.ttf b/src/styles/webfont/cerepf/webfont.ttf
new file mode 100644
index 0000000..6f1a1ca
Binary files /dev/null and b/src/styles/webfont/cerepf/webfont.ttf differ
diff --git a/src/styles/webfont/cerepf/webfont.woff b/src/styles/webfont/cerepf/webfont.woff
new file mode 100644
index 0000000..841d840
Binary files /dev/null and b/src/styles/webfont/cerepf/webfont.woff differ
diff --git a/src/styles/webfont/cerepf/webfont.woff2 b/src/styles/webfont/cerepf/webfont.woff2
new file mode 100644
index 0000000..98ca4d0
Binary files /dev/null and b/src/styles/webfont/cerepf/webfont.woff2 differ