feat: webseite-js
This commit is contained in:
8
webseite-sass-js/.vscode/settings.json
vendored
Normal file
8
webseite-sass-js/.vscode/settings.json
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"workbench.colorCustomizations": {
|
||||
"titleBar.activeForeground": "#333",
|
||||
"titleBar.activeBackground": "#4cc354",
|
||||
"titleBar.inactiveForeground": "#ddd",
|
||||
"titleBar.inactiveBackground": "#28862e"
|
||||
}
|
||||
}
|
||||
5
webseite-sass-js/assets/css/main.css
Normal file
5
webseite-sass-js/assets/css/main.css
Normal file
@@ -0,0 +1,5 @@
|
||||
body {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
1
webseite-sass-js/assets/css/main.css.map
Normal file
1
webseite-sass-js/assets/css/main.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../../dev/assets/scss/main.scss"],"names":[],"mappings":"AAIA;EACE,kBAHQ","file":"main.css"}
|
||||
19
webseite-sass-js/assets/js/main.js
Normal file
19
webseite-sass-js/assets/js/main.js
Normal file
@@ -0,0 +1,19 @@
|
||||
'use strict';
|
||||
|
||||
(() => {
|
||||
// === DOM & VARS =======
|
||||
const DOM = {};
|
||||
|
||||
// === INIT =============
|
||||
const init = () => {
|
||||
console.log('init ...');
|
||||
};
|
||||
|
||||
// === EVENTHANDLER =====
|
||||
|
||||
// === XHR/FETCH ========
|
||||
|
||||
// === FUNCTIONS ========
|
||||
|
||||
init();
|
||||
})();
|
||||
7
webseite-sass-js/dev/assets/scss/main.scss
Normal file
7
webseite-sass-js/dev/assets/scss/main.scss
Normal file
@@ -0,0 +1,7 @@
|
||||
// sass dev/assets/scss/main.scss:assets/css/main.css
|
||||
|
||||
$bgColor: #333;
|
||||
|
||||
body {
|
||||
background-color: $bgColor;
|
||||
}
|
||||
18
webseite-sass-js/index.html
Normal file
18
webseite-sass-js/index.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<!doctype html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Webseite mit SASS</title>
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link rel="stylesheet" href="assets/css/main.css" />
|
||||
<script src="assets/js/main.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<div class="container py-5">
|
||||
<h1>Webseite mit SASS</h1>
|
||||
</div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
1100
webseite-sass-js/package-lock.json
generated
Normal file
1100
webseite-sass-js/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
17
webseite-sass-js/package.json
Normal file
17
webseite-sass-js/package.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "webseite-sass",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"css": "sass dev/assets/scss/main.scss:assets/css/main.css -w"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"type": "module",
|
||||
"devDependencies": {
|
||||
"http-server": "^14.1.1",
|
||||
"sass": "^1.101.0"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user