add any code

add any code
This commit is contained in:
a-jie 2018-06-18 09:24:03 +08:00
parent 7e23ce149e
commit 3f5460f894
30 changed files with 47 additions and 127 deletions

View File

@ -6,6 +6,7 @@
"serve": "vue-cli-service serve",
"start": "npm run serve",
"build": "vue-cli-service build",
"replace": "node script.js",
"lint": "vue-cli-service lint"
},
"dependencies": {
@ -17,6 +18,8 @@
"@vue/cli-plugin-babel": "^3.0.0-beta.15",
"@vue/cli-plugin-eslint": "^3.0.0-beta.15",
"@vue/cli-service": "^3.0.0-beta.15",
"map-stream": "^0.0.7",
"vinyl-fs": "^3.0.3",
"vue-template-compiler": "^2.5.16"
},
"eslintConfig": {

View File

Before

Width:  |  Height:  |  Size: 500 KiB

After

Width:  |  Height:  |  Size: 500 KiB

View File

@ -6,9 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="a-jie">
<title>Clockshops</title>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>Clock Shop</title>
</head>
<body>

15
source/script.js Normal file
View File

@ -0,0 +1,15 @@
var map = require('map-stream');
var vfs = require('vinyl-fs');
var replace = function (file, cb) {
var content = file.contents;
content = content.toString('utf8');
content = content.replace('/banner.jpg','../banner.jpg').replace('/font/','../font/')
file.contents = Buffer.from(content);
cb(null, file);
};
vfs.src(['./dist/css/*.css'])
.pipe(map(replace))
.pipe(vfs.dest('./dist/css/'));

View File

@ -1,96 +0,0 @@
-
- https://codepen.io/iliadraznin/pen/JcqbE
- https://codepen.io/rassadin/pen/cvJmb
- https://codepen.io/ky0suke/pen/MyNXWX
- https://codepen.io/maggiben/pen/DpuBl
- https://codepen.io/elrumordelaluz/pen/wurfC
- https://codepen.io/HughDai/pen/MKKXJp
- https://codepen.io/chrisota/pen/LERyjb
- https://codepen.io/opheliafl/pen/RaYbvL
- https://codepen.io/dnaibaf/pen/rckKg
- https://codepen.io/mohebifar/pen/KwdeMz
- https://codepen.io/underclouds/pen/yxCnq
- https://codepen.io/vaskopetrov/pen/yVEXjz
- https://codepen.io/vineethtr/pen/GvROZV
- https://codepen.io/Siddharth11/pen/rrrgZN
- https://codepen.io/sparcut/pen/QEVkRj
- https://codepen.io/igstudio/pen/WjdwrO
- https://codepen.io/jaredkhan/pen/Elrsx
- https://codepen.io/TyStelmach/pen/ZGqYBp
- https://codepen.io/tylerbre/pen/gqdnA
- https://codepen.io/jh3y/pen/vKQZpJ
- https://codepen.io/hexagoncircle/pen/RLeQZj
- https://codepen.io/martingrand/pen/aAldc
- https://codepen.io/monkeyraptor/pen/BKegab
- https://codepen.io/nDav/pen/zvPJem
- https://codepen.io/rodnylobos/pen/KoJxq
- https://codepen.io/dtinth/pen/tDihg
- https://codepen.io/oknoblich/pen/GBhbD
- https://codepen.io/RobVermeer/pen/EyOzva
- https://codepen.io/webandapp/pen/OWwZeq
- https://codepen.io/soulchainer/pen/YNpJwy
- https://codepen.io/kowlor/pen/bdRzML
- https://codepen.io/lifeng1893/pen/ALPamR
- https://codepen.io/backoefer/pen/WxYbXk
- https://codepen.io/Griggy/pen/bEawmM
- https://codepen.io/kmatylla/pen/mLZdrZ
- https://codepen.io/V17h3m/pen/XdYEjR
- https://codepen.io/Supercopra/pen/qZvoeB
- https://codepen.io/josephshambrook/pen/xmtco
- https://codepen.io/gssxgss/pen/avVRGb
- https://codepen.io/ivantw08/pen/WOEvOw
- https://codepen.io/Wujek_Greg/pen/KRXYpg
- https://codepen.io/evgen/pen/GqaYqZ
- https://codepen.io/icebob/pen/JYoQZg
- https://codepen.io/mikechen2017/pen/ZJxjpX
- https://codepen.io/gbnikolov/pen/dorwRY
- https://codepen.io/patryk1303/pen/epRNwR
- https://codepen.io/micoylagan/pen/aJPrmw
- https://codepen.io/rl/pen/gwpjyk
- https://codepen.io/arkaik/pen/HCgai
- https://codepen.io/ph1p/pen/WOxxZR
- https://codepen.io/backoefer/pen/KgwLZA
- https://codepen.io/backoefer/pen/qNJwEv
- https://codepen.io/backoefer/pen/yaYpza
-
- https://codepen.io/msurguy/pen/qIFaw
- https://codepen.io/kenjiSpecial/pen/gbrvpK
- https://codepen.io/chrisnager/pen/ceBEj
- https://codepen.io/kristofferh/pen/LpNGqE
- https://codepen.io/danielgivens/pen/geKrRx
- https://codepen.io/ganglio/pen/KBbyj
- https://codepen.io/Griggy/pen/yJkQWY
- https://codepen.io/dokdeleon/pen/mRMeOJ
- https://codepen.io/gbnikolov/pen/LjpQPP
- https://codepen.io/Alca/pen/OpKvMz
- https://codepen.io/gbnikolov/pen/AXPJWv
- https://codepen.io/mikel301292/pen/ggrrxQ
- https://codepen.io/gbnikolov/pen/bZmEWo
- https://codepen.io/rlemon/pen/vofKF
- https://codepen.io/MaxXiong/pen/wxfdg
- https://codepen.io/gbnikolov/pen/YNqwpW
- https://codepen.io/hankuro/pen/EvdYqx
- https://codepen.io/enxaneta/pen/oWobdO
- https://codepen.io/backoefer/pen/NAEGBx
-
- https://codepen.io/RazvanDH/pen/ojLWOB
- https://codepen.io/museum404/pen/FsGtu
- https://codepen.io/swartkrans/pen/gaode
- https://codepen.io/maneeshc/pen/jrMpwg
- https://codepen.io/bsmith/pen/drElg
- https://codepen.io/nathantaylor/pen/eBNepW
- https://codepen.io/msurguy/pen/pxIEz
- https://codepen.io/eehayman/pen/jVPKpN
- https://codepen.io/mattlitzinger/pen/ysowF
- https://codepen.io/wilson1315/pen/ikcKl
- https://codepen.io/codetrail/pen/jGBKk
- https://codepen.io/MoorLex/pen/NAEvNd
- https://codepen.io/tdhorwood/pen/gbWdvZ
- https://codepen.io/creativeocean/pen/pWXgNG
- https://codepen.io/joshuaward/pen/pWXrGM
- https://codepen.io/k3no/pen/akEQJB
- https://codepen.io/jkantner/pen/KQaZdp
- https://codepen.io/nate437/pen/jExdEB
- https://codepen.io/xgad/pen/YwgyQj

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 500 KiB

View File

@ -23,5 +23,11 @@ export default {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
#banner
{
background: url('/banner.jpg') no-repeat;
background-size: cover;
background-position: center center;
min-height: 500px;
}
</style>

View File

@ -70,7 +70,7 @@ export default {
},
methods: {
loadData() {
axios.get("./data.yaml").then(res => {
axios.get("/data.yaml").then(res => {
const doc = yaml.safeLoad(res['data'] || res['_body']);
doc.forEach(arr => {
arr.forEach((val, index, orArr) => orArr[index] = val.replace('https://codepen.io/', '').replace(/^.{1,30}\/pen\//ig, ''));

View File

@ -3,7 +3,7 @@
font-family: 'Josefin Slab';
font-style: italic;
font-weight: 400;
src: local('Josefin Slab Italic'), local('JosefinSlab-Italic'), url(./font/lW-nwjwOK3Ps5GSJlNNkMalnrz6tDs_KPAMW.woff2) format('woff2');
src: local('Josefin Slab Italic'), local('JosefinSlab-Italic'), url(/font/lW-nwjwOK3Ps5GSJlNNkMalnrz6tDs_KPAMW.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@ -11,7 +11,7 @@
font-family: 'Josefin Slab';
font-style: italic;
font-weight: 600;
src: local('Josefin Slab SemiBold Italic'), local('JosefinSlab-SemiBoldItalic'), url(./font/lW-kwjwOK3Ps5GSJlNNkMalnrzZyKtrnHg487Znv.woff2) format('woff2');
src: local('Josefin Slab SemiBold Italic'), local('JosefinSlab-SemiBoldItalic'), url(/font/lW-kwjwOK3Ps5GSJlNNkMalnrzZyKtrnHg487Znv.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@ -19,7 +19,7 @@
font-family: 'Josefin Slab';
font-style: normal;
font-weight: 400;
src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'), url(./font/lW-5wjwOK3Ps5GSJlNNkMalnqg6vBMjoPg.woff2) format('woff2');
src: local('Josefin Slab Regular'), local('JosefinSlab-Regular'), url(/font/lW-5wjwOK3Ps5GSJlNNkMalnqg6vBMjoPg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@ -27,7 +27,7 @@
font-family: 'Josefin Slab';
font-style: normal;
font-weight: 600;
src: local('Josefin Slab SemiBold'), local('JosefinSlab-SemiBold'), url(./font/lW-mwjwOK3Ps5GSJlNNkMalvdSq6KerlFAke7w.woff2) format('woff2');
src: local('Josefin Slab SemiBold'), local('JosefinSlab-SemiBold'), url(/font/lW-mwjwOK3Ps5GSJlNNkMalvdSq6KerlFAke7w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@ -35,7 +35,7 @@
font-family: 'Josefin Slab';
font-style: normal;
font-weight: 700;
src: local('Josefin Slab Bold'), local('JosefinSlab-Bold'), url(./font/lW-mwjwOK3Ps5GSJlNNkMalvESu6KerlFAke7w.woff2) format('woff2');
src: local('Josefin Slab Bold'), local('JosefinSlab-Bold'), url(/font/lW-mwjwOK3Ps5GSJlNNkMalvESu6KerlFAke7w.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@ -43,7 +43,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@ -51,7 +51,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@ -59,7 +59,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@ -67,7 +67,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OUehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@ -75,7 +75,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OXehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@ -83,7 +83,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -91,7 +91,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(./font/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
src: local('Open Sans Light'), local('OpenSans-Light'), url(/font/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@ -99,7 +99,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOX-hpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@ -107,7 +107,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOVuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@ -115,7 +115,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOXuhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@ -123,7 +123,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOUehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@ -131,7 +131,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOXehpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@ -139,7 +139,7 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOXOhpKKSTj5PW.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@ -147,6 +147,6 @@
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(./font/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(/font/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

View File

@ -545,13 +545,6 @@ margin-top: 5px;
font-size: 12px;
color: #aaa;
}
#banner
{
background: url('../banner.jpg') no-repeat;
background-size: cover;
background-position: center center;
min-height: 500px;
}
.cta2 .btn-default,.cta2 .btn-default:hover,.cta2 .btn-default:focus
{
padding: 10px 25px;