filip/svelte_flask_template
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: filip:aab713de3a96f85c506891692823c1e74b28153d
Branches Tags
filip:master
filip:ft_menu
filip:v0.9
..
compare: filip:d86ac40602027f0cb269c5613d86b99f3874e61c
Branches Tags
filip:ft_menu
filip:master
filip:v0.9

No commits in common. "aab713de3a96f85c506891692823c1e74b28153d" and "d86ac40602027f0cb269c5613d86b99f3874e61c" have entirely different histories.
aab713de3a ... d86ac40602

10 changed files with 12 additions and 59 deletions
Show Stats Expand all files Collapse all files

8
README.md
View File

@ -32,11 +32,3 @@ In the project folder do:
``` ```
Navigate to [http://127.0.0.1:5000/index.html](http://127.0.0.1:5000/index.html) to see the result Navigate to [http://127.0.0.1:5000/index.html](http://127.0.0.1:5000/index.html) to see the result
# Thanks
Special thanks go to
* [Joshua Nussbaum](https://dev.to/joshnuss/creating-a-sidebar-menu-in-svelte-ih2) for providing this beautiful slider menu
* [Linus Benkner](https://linu.us/sveltekit-with-tailwindcss-v3) for providing the blueprint for the tailwind integration
* [The SvelteKit project](https://kit.svelte.dev/) for providing the Framework

13
webapp/package.json
View File

@ -11,19 +11,16 @@
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-auto": "next", "@sveltejs/adapter-auto": "next",
"@sveltejs/adapter-static": "^1.0.0-next.26",
"@sveltejs/kit": "next", "@sveltejs/kit": "next",
"autoprefixer": "^10.4.2",
"cssnano": "^5.0.15",
"eslint": "^7.32.0", "eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0", "eslint-config-prettier": "^8.3.0",
"eslint-plugin-svelte3": "^3.2.1", "eslint-plugin-svelte3": "^3.2.1",
"postcss": "^8.4.5",
"prettier": "^2.4.1", "prettier": "^2.4.1",
"prettier-plugin-svelte": "^2.4.0", "prettier-plugin-svelte": "^2.4.0",
"svelte": "^3.44.0", "svelte": "^3.44.0"
"svelte-preprocess": "^4.10.1",
"tailwindcss": "^3.0.13"
}, },
"type": "module" "type": "module",
"dependencies": {
"@sveltejs/adapter-static": "^1.0.0-next.25"
}
} }

19
webapp/postcss.config.cjs
View File

@ -1,19 +0,0 @@
const tailwindcss = require("tailwindcss")
const autoprefixer = require("autoprefixer")
const cssnano = require("cssnano")
const mode = process.env.NODE_ENV
const dev = mode === "development"
const config = {
plugins: [
tailwindcss(),
autoprefixer(),
!dev &&
cssnano({
preset: "default",
})
]
}
module.exports = config

3
webapp/src/app.css
View File

@ -1,3 +0,0 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

1
webapp/src/app.html
View File

@ -5,6 +5,7 @@
<meta name="description" content="" /> <meta name="description" content="" />
<link rel="icon" href="%svelte.assets%/favicon.png" /> <link rel="icon" href="%svelte.assets%/favicon.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet"/>
%svelte.head% %svelte.head%
</head> </head>
<body> <body>

1
webapp/src/routes/__layout.svelte
View File

@ -1,7 +1,6 @@
<script> <script>
import Navbar from "./menu/_Navbar.svelte"; import Navbar from "./menu/_Navbar.svelte";
import Sidebar from "./menu/_Sidebar.svelte"; import Sidebar from "./menu/_Sidebar.svelte";
import "../app.css";
let open = false; let open = false;
</script> </script>

4
webapp/src/routes/index.svelte
View File

@ -1,10 +1,12 @@
<script> <script>
import Main from "./_Main.svelte"; import Main from "./_Main.svelte";
export let name = "Test 2";
</script> </script>
<main class="w-full h-full"> <main class="w-full h-full">
<h1>Welcome to SvelteKit</h1> <h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p> <p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<Main/> <Main name={name} />
</main> </main>

2
webapp/src/routes/menu/_Logo.svelte
View File

@ -1,4 +1,4 @@
<svg width=100% height=30> <svg width=auto height=30>
<text x=0 y=20>ACME</text> <text x=0 y=20>ACME</text>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 111 B

After

Width:  |  Height:  |  Size: 111 B

8
webapp/svelte.config.js
View File

@ -1,13 +1,7 @@
import adapter from "@sveltejs/adapter-static"; import adapter from '@sveltejs/adapter-static';
import preprocess from "svelte-preprocess";
/** @type {import('@sveltejs/kit').Config} */ /** @type {import('@sveltejs/kit').Config} */
const config = { const config = {
preprocess: [
preprocess({
postcss: true,
}),
],
kit: { kit: {
adapter: adapter(), adapter: adapter(),

10
webapp/tailwind.config.cjs
View File

@ -1,10 +0,0 @@
const config = {
mode: "jit",
content: ["./src/**/*.{html,js,svelte,ts}"],
theme: {
extend: {},
},
plugins: [],
}
module.exports = config