Initial commit

4 years ago · 8d2ee47921
commit 8d2ee47921
9 changed files with 2864 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,5 @@
+.idea/
+
+node_modules/
+
+css/*.css*
--- a/README.md
+++ b/README.md
@ -0,0 +1,18 @@
+# UI Dev
+
+Just a quick repo I made to test UI development
+
+# Usage
+
+The server will watch HTML/CSS/JS and reload when changes are detected.
+
+`npm run server`
+
+If you need anything else to work with (e.g. `bulma` or `nord`) simply install them with npm.
+
+# Jetbrains FileWatcher (if available)
+
+This image was taken on Windows,
+so `Program` may need to be changed on *nix.
+
+![file-watcher](file-watcher.png)
--- a/css/.gitkeep
+++ b/css/.gitkeep
@ -0,0 +1 @@
+# Compiled by Sass
--- a/file-watcher.png
+++ b/file-watcher.png
--- a/html/index.html
+++ b/html/index.html
@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+
+    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
+</head>
+<body>
+<h1>Hello, world!</h1>
+<script src="../js/main.js"></script>
+</body>
+</html>
--- a/js/main.js
+++ b/js/main.js
@ -0,0 +1 @@
+console.log("Hello, world!");
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -0,0 +1,10 @@
+{
+  "scripts": {
+    "sass": "npx dart-sass sass/style.scss css/style.css",
+    "server": "npx browser-sync start --server --no-notify --files \"css/*.css\" --files \"js/*.js\" --files \"html/*.html\" --startPath \"/html/\""
+  },
+  "dependencies": {
+    "browser-sync": "^2.26.7",
+    "dart-sass": "^1.25.0"
+  }
+}
--- a/sass/style.scss
+++ b/sass/style.scss
@ -0,0 +1,3 @@
+h1 {
+  color: rebeccapurple;
+}