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

10
README.md
View File

@ -31,12 +31,4 @@ In the project folder do:
flask run
```
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
Navigate to [http://127.0.0.1:5000/index.html](http://127.0.0.1:5000/index.html) to see the result

13
webapp/package.json
View File

@ -11,19 +11,16 @@
},
"devDependencies": {
"@sveltejs/adapter-auto": "next",
"@sveltejs/adapter-static": "^1.0.0-next.26",
"@sveltejs/kit": "next",
"autoprefixer": "^10.4.2",
"cssnano": "^5.0.15",
"eslint": "^7.32.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-svelte3": "^3.2.1",
"postcss": "^8.4.5",
"prettier": "^2.4.1",
"prettier-plugin-svelte": "^2.4.0",
"svelte": "^3.44.0",
"svelte-preprocess": "^4.10.1",
"tailwindcss": "^3.0.13"
"svelte": "^3.44.0"
},
"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="" />
<link rel="icon" href="%svelte.assets%/favicon.png" />
<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%
</head>
<body>

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

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

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

@ -1,10 +1,12 @@
<script>
import Main from "./_Main.svelte";
export let name = "Test 2";
</script>
<main class="w-full h-full">
<h1>Welcome to SvelteKit</h1>
<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
<Main/>
<Main name={name} />
</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>
</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 preprocess from "svelte-preprocess";
import adapter from '@sveltejs/adapter-static';
/** @type {import('@sveltejs/kit').Config} */
const config = {
preprocess: [
preprocess({
postcss: true,
}),
],
kit: {
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