Generic landing page

2026-02-12 08:48:39 +00:00 · 2021-04-21 19:55:25 +03:00
parent 7ebf635373
commit ada0cca491
8 changed files with 13017 additions and 0 deletions
--- a/.nvmrc
+++ b/.nvmrc
@@ -0,0 +1 @@
+v14
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@ivuorinen/generic-landing-page",
+  "version": "1.0.0",
+  "description": "Generic landing page with some candy",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "watch": "npx mix watch",
+    "build": "npx mix build",
+    "dev": "npx mix build",
+    "prod": "npx mix build -p"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ivuorinen/generic-landing-page.git"
+  },
+  "author": "Ismo Vuorinen <ismo@ivuorinen.net>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/ivuorinen/generic-landing-page/issues"
+  },
+  "homepage": "https://github.com/ivuorinen/generic-landing-page#readme",
+  "dependencies": {},
+  "devDependencies": {
+    "autoprefixer": "^10.2.5",
+    "browser-sync": "^2.26.14",
+    "browser-sync-webpack-plugin": "^2.3.0",
+    "laravel-mix": "^6.0.17",
+    "mix-tailwindcss": "^1.3.0",
+    "postcss": "^8.2.10",
+    "postcss-import": "^14.0.1",
+    "resolve-url-loader": "^3.1.2",
+    "sass": "^1.32.11",
+    "sass-loader": "^11.0.1",
+    "tailwindcss": "^2.1.1"
+  }
+}
--- a/src/app.js
+++ b/src/app.js
@@ -0,0 +1,7 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const container = document.querySelector('h1');
+    const hostname = window.location.hostname || document.title;
+
+    container.textContent = hostname;
+    document.title = hostname
+});
--- a/src/app.scss
+++ b/src/app.scss
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/src/index.html
+++ b/src/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <title>hi there!</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="app.css" rel="stylesheet">
+    <script src="app.js"></script>
+</head>
+<body class="h-screen bg-gray-50">
+
+<div class="flex items-center justify-between h-screen px-4 px-8 py-12 py-16 mx-auto min-w-max max-w-7xl">
+    <h1 class="text-3xl font-extrabold tracking-tight text-gray-900">
+        hi there!
+    </h1>
+</div>
+
+</body>
+</html>
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -0,0 +1,14 @@
+module.exports = {
+  purge: [
+    './src/**/*.html',
+    './src/**/*.js',
+  ],
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {},
+  },
+  variants: {
+    extend: {},
+  },
+  plugins: [],
+}
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -0,0 +1,14 @@
+const mix = require('laravel-mix');
+require('mix-tailwindcss');
+
+mix
+    .setResourceRoot('src')
+    .setPublicPath('dist')
+    .browserSync()
+    .disableSuccessNotifications();
+
+mix
+    .js('src/app.js', 'dist')
+    .sass('src/app.scss', 'dist')
+    .tailwind()
+    .copy('src/index.html', 'dist');