submit new content

submit new content

source/public/data.yaml

@@ -1,24 +1,3 @@
--
-  - 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/iliadraznin/pen/JcqbE
   - https://codepen.io/rassadin/pen/cvJmb
@@ -51,7 +30,6 @@
   - https://codepen.io/webandapp/pen/OWwZeq
   - https://codepen.io/soulchainer/pen/YNpJwy
   - https://codepen.io/kowlor/pen/bdRzML
-  - https://codepen.io/Griggy/pen/yJkQWY
   - https://codepen.io/lifeng1893/pen/ALPamR
   - https://codepen.io/backoefer/pen/WxYbXk
   - https://codepen.io/Griggy/pen/bEawmM
@@ -74,6 +52,27 @@
   - 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

source/src/assets/data.yaml

@@ -1,23 +1,3 @@
--
-  - https://codepen.io/msurguy/pen/qIFaw
-  - https://codepen.io/msurguy/pen/tDCvp
-  - 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/ph1p/pen/WOxxZR
-  - 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/iliadraznin/pen/JcqbE
   - https://codepen.io/rassadin/pen/cvJmb
@@ -50,7 +30,6 @@
   - https://codepen.io/webandapp/pen/OWwZeq
   - https://codepen.io/soulchainer/pen/YNpJwy
   - https://codepen.io/kowlor/pen/bdRzML
-  - https://codepen.io/Griggy/pen/yJkQWY
   - https://codepen.io/lifeng1893/pen/ALPamR
   - https://codepen.io/backoefer/pen/WxYbXk
   - https://codepen.io/Griggy/pen/bEawmM
@@ -69,6 +48,31 @@
   - 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
@@ -89,10 +93,4 @@
   - https://codepen.io/k3no/pen/akEQJB
   - https://codepen.io/jkantner/pen/KQaZdp
   - https://codepen.io/nate437/pen/jExdEB
-  - https://codepen.io/xgad/pen/YwgyQj
+  - https://codepen.io/xgad/pen/YwgyQj
-  - https://codepen.io/enxaneta/pen/oWobdO
-
-- 
-  - https://codepen.io/Yuschick/pen/ZYLdmQ
-  - https://codepen.io/hugo/pen/xIbnz
-  - https://codepen.io/MarcMalignan/pen/kfxnB

source/src/components/Banner.vue

@@ -5,7 +5,7 @@
         <div class="jumbotron">
           <h1 class="small">Welcome To <span class="bold">Clock Shop</span></h1>
           <p class="big">There are a variety of beautiful and unusual clock codes.</p>
-          <a href="#" class="btn btn-banner">Star Me<i class="fa fa-send"></i></a>
+          <a href="https://github.com/a-jie/clock-shop" target="_blank" class="btn btn-banner">Star Me<i class="fa fa-send"></i></a>
         </div>
       </div>
     </div>

source/src/components/Content.vue

@@ -3,15 +3,15 @@
     <div class="container">
         <div class="page-title text-center">
             <h1>Clock Exhibition Counter</h1>
-            <p>All the code comes from the codepen site. They are really great. 
+            <p>All the code comes from the <a href="https://codepen.io/" target="_blank">codepen</a> site. They are really great. 
                 <br>I want to pay tribute to the original author. </p>
             <hr class="pg-titl-bdr-btm" />
         </div>
         <div class="row">
             <div class="col-lg-12">
                 <ul id="portfolio-flters">
-                    <Btn @click.native="tabClick(0)" active=true>Creative Clock</Btn>
+                    <Btn @click.native="tabClick(0)" active=true>Beautiful Style</Btn>
-                    <Btn @click.native="tabClick(1)">Beautiful Clock</Btn>
+                    <Btn @click.native="tabClick(1)">Creative Design</Btn>
                     <Btn @click.native="tabClick(2)">Electronic Clock</Btn>
                 </ul>
             </div>

source/src/components/Header.vue

@@ -24,7 +24,8 @@
             >
                 <ul class="nav navbar-nav navbar-right">
                     <li><a href="#portfolio">Visit</a></li>
-                    <li><a href="#contact">Star Me</a></li>
+                    <li><a href="https://github.com/a-jie/clock-shop" target="_blank">Star Me</a></li>
+                    <li><a href="https://github.com/a-jie/clock-shop/pulls" target="_blank">Submit Code</a></li>
                 </ul>
         </div>
 </div>

source/src/css/fonts.css

@@ -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;
   }

source/src/css/style.css

@@ -339,7 +339,7 @@ margin-top: 5px;
   padding: 10px 62px;
   font-size: 12px;
   line-height: 20px;
-  color: #333;
+  color: #222;
   border-radius: 4px;
   text-transform: uppercase;
   background: #ccc;
@@ -547,7 +547,7 @@ margin-top: 5px;
 }
 #banner
 {
-    background: url('/banner.jpg') no-repeat;
+    background: url('../banner.jpg') no-repeat;
     background-size: cover;
     background-position: center center;
     min-height: 500px;

source/vue.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-    
+    baseUrl: process.env.NODE_ENV === 'production' ? '/clock-shop/' : '/'
 }