first

2024-05-03 17:35:24 +02:00 · 2024-05-03 17:35:24 +02:00 · d0719a36c8
commit d0719a36c8
9 changed files with 1499 additions and 0 deletions
--- a/.dockerignore
+++ b/.dockerignore
@ -0,0 +1,34 @@
+# Include any files or directories that you don't want to be copied to your
+# container here (e.g., local build artifacts, temporary files, etc.).
+#
+# For more help, visit the .dockerignore file reference guide at
+# https://docs.docker.com/go/build-context-dockerignore/
+
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/.next
+**/.cache
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/charts
+**/docker-compose*
+**/compose*
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+**/build
+**/dist
+LICENSE
+README.md
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+node_modules/
--- a/15
+++ b/15
@ -0,0 +1,15 @@
+FROM node:20 AS build-stage
+
+WORKDIR /app
+
+COPY . .
+
+RUN npm install
+
+RUN npm run build
+
+FROM nginx:latest
+
+COPY --from=build-stage /app/src /usr/share/nginx/html/
+
+EXPOSE 80
--- a/compose.yaml
+++ b/compose.yaml
@ -0,0 +1,7 @@
+services:
+  web:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    ports:
+      - "5000:80"
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,16 @@
+{
+  "name": "snotes-website",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "dev": "npx tailwindcss -i ./src/style.css -o ./src/output.css --watch",
+    "build": "npx tailwindcss -i ./src/style.css -o ./src/output.css"
+  },
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "devDependencies": {
+    "tailwindcss": "^3.4.3"
+  }
+}
--- a/src/index.html
+++ b/src/index.html
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="output.css" rel="stylesheet">
+</head>
+
+<body>
+
+    <nav class="bg-gradient-to-l from-fuchsia-800 to-cyan-600 p-4">
+        <ul class="flex justify-center w-full">
+            <li class="ml-6">
+                <a href="#" class="text-white hover:text-gray-300"><code class="text-xl">SNOTES</code></a>
+            </li>
+            <li class="mr-6 ml-auto">
+                <a href="#"
+                    class="text-white bg-purple-500 hover:bg-cyan-600 hover:text-white rounded-md px-4 py-2 transition-colors duration-200">DOWNLOAD</a>
+            </li>
+        </ul>
+    </nav>
+
+    <div class="container mx-auto bg-white dark:bg-slate-900 text-black dark:text-white">
+        <h1 class="text-4xl font-bold text-center mt-8">Welcome to My Website</h1>
+        <p class="text-lg text-center mt-4">This is a basic Tailwind CSS boilerplate.</p>
+    </div>
+
+</body>
+
+</html>
--- a/src/style.css
+++ b/src/style.css
@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: ["./src/**/*.{html,js}"],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+