Updated front-page & Github url

PascalHesselink · Jun 29, 2019 · 25f3d97 · 25f3d97
1 parent e828b1e
commit 25f3d97
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 8 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+ "liveServer.settings.port": 5501
+}
diff --git a/dist/css/app.css b/dist/css/app.css
@@ -7182,6 +7182,14 @@ video {
  font-size: 90px;
 }
 
+.text-sub-heading {
+ font-size: 40px;
+}
+
+.text-dependencie-heading {
+ font-size: 25px;
+}
+
 .italic {
  font-style: italic;
 }
@@ -7619,7 +7627,11 @@ main > h1 {
 }
 
 main > h2 {
- font-size: 2.25rem;
+ font-size: 40px;
+}
+
+main > h3 {
+ font-size: 25px;
 }
 
 @media (min-width: 640px) {
@@ -14178,6 +14190,14 @@ main > h2 {
  font-size: 90px;
  }
 
+ .sm\:text-sub-heading {
+ font-size: 40px;
+ }
+
+ .sm\:text-dependencie-heading {
+ font-size: 25px;
+ }
+
  .sm\:italic {
  font-style: italic;
  }
@@ -21148,6 +21168,14 @@ main > h2 {
  font-size: 90px;
  }
 
+ .md\:text-sub-heading {
+ font-size: 40px;
+ }
+
+ .md\:text-dependencie-heading {
+ font-size: 25px;
+ }
+
  .md\:italic {
  font-style: italic;
  }
@@ -28118,6 +28146,14 @@ main > h2 {
  font-size: 90px;
  }
 
+ .lg\:text-sub-heading {
+ font-size: 40px;
+ }
+
+ .lg\:text-dependencie-heading {
+ font-size: 25px;
+ }
+
  .lg\:italic {
  font-style: italic;
  }
@@ -35088,6 +35124,14 @@ main > h2 {
  font-size: 90px;
  }
 
+ .xl\:text-sub-heading {
+ font-size: 40px;
+ }
+
+ .xl\:text-dependencie-heading {
+ font-size: 25px;
+ }
+
  .xl\:italic {
  font-style: italic;
  }

diff --git a/dist/js/app.js b/dist/js/app.js
@@ -12568,7 +12568,8 @@ new vue__WEBPACK_IMPORTED_MODULE_0___default.a({
  return {
  message: 'Tailwind Template',
  versionMessage: 'Using Tailwind {version}',
- version: '1.0.4'
+ dependenciesMessage: 'Vue, Sass & Laravel-Mix',
+ tailwindVersion: '1.0.4'
  };
  }
 });
@@ -12593,8 +12594,8 @@ new vue__WEBPACK_IMPORTED_MODULE_0___default.a({
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(/*! /Users/pascalh/Desktop/Roulette/src/js/app.js */"./src/js/app.js");
-module.exports = __webpack_require__(/*! /Users/pascalh/Desktop/Roulette/src/sass/app.scss */"./src/sass/app.scss");
+__webpack_require__(/*! /Users/pascalh/Desktop/TailwindBoilerplate/src/js/app.js */"./src/js/app.js");
+module.exports = __webpack_require__(/*! /Users/pascalh/Desktop/TailwindBoilerplate/src/sass/app.scss */"./src/sass/app.scss");
 
 
 /***/ })

diff --git a/index.html b/index.html
@@ -41,7 +41,7 @@
  </div>
  <div class="code version-section">
  <a
- href="https://your-url"
+ href="https://github.com/PascalHesselink/TailwindBoilerplate"
  class="github-corner"
  aria-label="View source on GitHub"
  target="_blank"
@@ -99,8 +99,11 @@
  <main>
  <h1>{{ message }}</h1>
  <h2>
- {{ versionMessage.replace('{version}', version) }}
+ {{ versionMessage.replace('{version}', tailwindVersion) }}
  </h2>
+ <h3>
+ {{ dependenciesMessage }}
+ </h3>
  </main>
  </div>
  <script src="dist/js/app.js"></script>

diff --git a/src/js/app.js b/src/js/app.js
@@ -6,7 +6,8 @@ new Vue({
  return {
  message: 'Tailwind Template',
  versionMessage: 'Using Tailwind {version}',
- version: '1.0.4',
+ dependenciesMessage: 'Vue, Sass & Laravel-Mix',
+ tailwindVersion: '1.0.4',
  };
  },
 });
diff --git a/src/sass/app.scss b/src/sass/app.scss
@@ -22,5 +22,9 @@ main > h1 {
 }
 
 main > h2 {
- @apply text-4xl;
+ @apply text-sub-heading;
+}
+
+main > h3 {
+ @apply text-dependencie-heading;
 }
diff --git a/tailwind.js b/tailwind.js
@@ -3,6 +3,8 @@ module.exports = {
  extend: {
  fontSize: {
  'main-heading': '90px',
+ 'sub-heading': '40px',
+ 'dependencie-heading': '25px',
  },
  },
  },