feat(style): adjust style (#896)

* feat(style): adjust style

* feat: sync resources

* chore: update build command

assets/css/_core/_media.scss

@@ -1,10 +1,16 @@
+@media only screen and (max-width: 1440px) {
+  .page {
+    width: 60%;
+  }
+}
+
 @media only screen and (max-width: 1440px) {
   .page {
     width: 56%;
   }
 }
 
-@media only screen and (max-width: 1200px) {
+@media only screen and (max-width: 1280px) {
   .page {
     width: 52%;
   }

assets/css/_page/_home.scss

@@ -1,4 +1,6 @@
 .home {
+  padding-bottom: 5rem;
+
   .home-profile {
     @include transform(translateY( 16vh));
     padding: 0 0 .5rem;

assets/css/_page/_index.scss

@@ -1,7 +1,6 @@
 .page {
   position: relative;
-  max-width: 800px;
-  width: 60%;
+  width: 64%;
   margin: 0 auto;
 
   [data-header-desktop] & {

assets/css/_variables.scss

@@ -78,7 +78,7 @@ $search-background-color-dark: #363636 !default;
 // ========== Single Content ========== //
 // Font size of the TOC
 $toc-title-font-size: 1.2rem !default;
-$toc-content-font-size: 1rem !default;
+$toc-content-font-size: 0.875rem !default;
 
 // Color of the single link
 $single-link-color: #2d96bd !default;

package.json

@@ -17,7 +17,7 @@
   "scripts": {
     "preinstall": "npx npm-force-resolutions",
     "babel": "npx babel src/js --out-file assets/js/theme.js",
-    "build": "npm run babel && hugo -v --source=exampleSite --themesDir ../.. --gc",
+    "build": "npm run babel && hugo --source=exampleSite --themesDir ../.. --gc",
     "build-lunr-segmentit": "browserify src/lib/lunr/lunr.segmentit.js -o assets/lib/lunr/lunr.segmentit.js -t babelify --presets @babel/preset-env",
     "start": "npm run babel && hugo server --source=exampleSite --themesDir ../.. -D --disableFastRender",
     "start-production": "npm run babel && hugo server --source=exampleSite --themesDir ../.. -D --disableFastRender -e production",