Upload
This commit is contained in:
commit
3e625d7ece
26 changed files with 7573 additions and 0 deletions
6
.gitignore
vendored
Executable file
6
.gitignore
vendored
Executable file
|
|
@ -0,0 +1,6 @@
|
||||||
|
.env/
|
||||||
|
node_modules/
|
||||||
|
.vscode/
|
||||||
|
|
||||||
|
.prettierrc
|
||||||
|
|
||||||
11
app.py
Executable file
11
app.py
Executable file
|
|
@ -0,0 +1,11 @@
|
||||||
|
from flask import Flask, render_template, send_from_directory
|
||||||
|
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
@app.route('/')
|
||||||
|
@app.route('/index')
|
||||||
|
def index():
|
||||||
|
return render_template('index.html', title='Home')
|
||||||
|
|
||||||
|
if __name__ == '__main__':
|
||||||
|
app.run(debug=True)
|
||||||
5126
package-lock.json
generated
Executable file
5126
package-lock.json
generated
Executable file
File diff suppressed because it is too large
Load diff
32
package.json
Executable file
32
package.json
Executable file
|
|
@ -0,0 +1,32 @@
|
||||||
|
{
|
||||||
|
"devDependencies": {
|
||||||
|
"@types/bootstrap": "*",
|
||||||
|
"@types/jquery": "*",
|
||||||
|
"@types/node": "*",
|
||||||
|
"concurrently": "^7.2.1",
|
||||||
|
"sass": "^1.71.1",
|
||||||
|
"tailwindcss": "^3.4.1",
|
||||||
|
"ts-loader": "^9.3.0",
|
||||||
|
"typescript": "^4.7.2",
|
||||||
|
"webpack": "^5.72.1",
|
||||||
|
"webpack-cli": "^4.9.2"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"bootstrap": "^5.3.3",
|
||||||
|
"flowbite": "^2.3.0",
|
||||||
|
"jquery": "^3.7.1"
|
||||||
|
},
|
||||||
|
"scripts": {
|
||||||
|
"develop": "concurrently 'npm:develop:*'",
|
||||||
|
"develop:server": ". .env/bin/activate && python app.py",
|
||||||
|
"develop:sass": "npm run build:sass -- --watch",
|
||||||
|
"develop:twcss": "npm run build:twcss -- --watch",
|
||||||
|
"develop:ts": "webpack --mode development --watch",
|
||||||
|
"build": "concurrently 'npm:build:*'",
|
||||||
|
"build:server": "",
|
||||||
|
"build:sass": "sass --style compressed src/scss/app.scss:static/css/app.css",
|
||||||
|
"build:twcss": "npx tailwindcss -i ./src/css/tailwind.css -o ./static/css/tailwind.css --minify",
|
||||||
|
"build:ts": "webpack --mode production",
|
||||||
|
"test": "echo 'test not implemented'"
|
||||||
|
}
|
||||||
|
}
|
||||||
4
src/css/tailwind.css
Executable file
4
src/css/tailwind.css
Executable file
|
|
@ -0,0 +1,4 @@
|
||||||
|
/** npx tailwindcss -i ./src/css/tailwind.css -o ./static/css/tailwind.css --minify **/
|
||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
2
src/scss/app.scss
Executable file
2
src/scss/app.scss
Executable file
|
|
@ -0,0 +1,2 @@
|
||||||
|
@import "../css/tailwind.css";
|
||||||
|
@import "index";
|
||||||
0
src/scss/index.scss
Executable file
0
src/scss/index.scss
Executable file
1
src/ts/Main.ts
Executable file
1
src/ts/Main.ts
Executable file
|
|
@ -0,0 +1 @@
|
||||||
|
//import "./darkMode.ts";
|
||||||
1
static/css/app.css
Executable file
1
static/css/app.css
Executable file
|
|
@ -0,0 +1 @@
|
||||||
|
@import"../css/tailwind.css"/*# sourceMappingURL=app.css.map */
|
||||||
1
static/css/app.css.map
Executable file
1
static/css/app.css.map
Executable file
|
|
@ -0,0 +1 @@
|
||||||
|
{"version":3,"sourceRoot":"","sources":["../../src/scss/app.scss"],"names":[],"mappings":"AAAQ","file":"app.css"}
|
||||||
1
static/css/tailwind.css
Executable file
1
static/css/tailwind.css
Executable file
File diff suppressed because one or more lines are too long
8
static/js/bundle.js
Executable file
8
static/js/bundle.js
Executable file
|
|
@ -0,0 +1,8 @@
|
||||||
|
/******/ (() => { // webpackBootstrap
|
||||||
|
var __webpack_exports__ = {};
|
||||||
|
/*!************************!*\
|
||||||
|
!*** ./src/ts/Main.ts ***!
|
||||||
|
\************************/
|
||||||
|
|
||||||
|
/******/ })()
|
||||||
|
;
|
||||||
BIN
static/src/inanis.jpg
Executable file
BIN
static/src/inanis.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
static/src/kanade.jpg
Executable file
BIN
static/src/kanade.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
static/src/miko.jpg
Executable file
BIN
static/src/miko.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
static/src/mio.jpg
Executable file
BIN
static/src/mio.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
static/src/pekora.jpg
Executable file
BIN
static/src/pekora.jpg
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
2
static/vendor/flowbite/flowbite.min.js
vendored
Executable file
2
static/vendor/flowbite/flowbite.min.js
vendored
Executable file
File diff suppressed because one or more lines are too long
63
tailwind.config.js
Executable file
63
tailwind.config.js
Executable file
|
|
@ -0,0 +1,63 @@
|
||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
module.exports = {
|
||||||
|
content: ["./templates/**/*.html", "./static/src/**/*.{js,ts,jsx,tsx}"],
|
||||||
|
darkMode: "class",
|
||||||
|
theme: {
|
||||||
|
extend: {
|
||||||
|
colors: {
|
||||||
|
primary: {
|
||||||
|
50: "#eff6ff",
|
||||||
|
100: "#dbeafe",
|
||||||
|
200: "#bfdbfe",
|
||||||
|
300: "#93c5fd",
|
||||||
|
400: "#60a5fa",
|
||||||
|
500: "#3b82f6",
|
||||||
|
600: "#2563eb",
|
||||||
|
700: "#1d4ed8",
|
||||||
|
800: "#1e40af",
|
||||||
|
900: "#1e3a8a",
|
||||||
|
950: "#172554",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
fontFamily: {
|
||||||
|
body: [
|
||||||
|
"'Source Sans 3'",
|
||||||
|
"Inter",
|
||||||
|
"ui-sans-serif",
|
||||||
|
"system-ui",
|
||||||
|
"-apple-system",
|
||||||
|
"system-ui",
|
||||||
|
"Segoe UI",
|
||||||
|
"Roboto",
|
||||||
|
"Helvetica Neue",
|
||||||
|
"Arial",
|
||||||
|
"Noto Sans",
|
||||||
|
"sans-serif",
|
||||||
|
"Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji",
|
||||||
|
"Segoe UI Symbol",
|
||||||
|
"Noto Color Emoji",
|
||||||
|
],
|
||||||
|
sans: [
|
||||||
|
"'Source Sans 3'",
|
||||||
|
"Inter",
|
||||||
|
"ui-sans-serif",
|
||||||
|
"system-ui",
|
||||||
|
"-apple-system",
|
||||||
|
"system-ui",
|
||||||
|
"Segoe UI",
|
||||||
|
"Roboto",
|
||||||
|
"Helvetica Neue",
|
||||||
|
"Arial",
|
||||||
|
"Noto Sans",
|
||||||
|
"sans-serif",
|
||||||
|
"Apple Color Emoji",
|
||||||
|
"Segoe UI Emoji",
|
||||||
|
"Segoe UI Symbol",
|
||||||
|
"Noto Color Emoji",
|
||||||
|
],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
plugins: [require("flowbite/plugin")],
|
||||||
|
};
|
||||||
191
templates/_footer.html
Executable file
191
templates/_footer.html
Executable file
|
|
@ -0,0 +1,191 @@
|
||||||
|
<footer class="p-4 bg-white md:p-8 lg:p-10 dark:bg-gray-800">
|
||||||
|
<div class="mx-auto max-w-screen-xl text-center">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex justify-center items-center text-2xl font-semibold text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="mr-2 h-8"
|
||||||
|
viewBox="0 0 33 33"
|
||||||
|
fill="none"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M25.2696 13.126C25.1955 13.6364 24.8589 14.3299 24.4728 14.9328C23.9856 15.6936 23.2125 16.2264 22.3276 16.4114L18.43 17.2265C17.8035 17.3575 17.2355 17.6853 16.8089 18.1621L14.2533 21.0188C13.773 21.5556 13.4373 21.4276 13.4373 20.7075C13.4315 20.7342 12.1689 23.9903 15.5149 25.9202C16.8005 26.6618 18.6511 26.3953 19.9367 25.6538L26.7486 21.7247C29.2961 20.2553 31.0948 17.7695 31.6926 14.892C31.7163 14.7781 31.7345 14.6639 31.7542 14.5498L25.2696 13.126Z"
|
||||||
|
fill="url(#paint0_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M23.5028 9.20133C24.7884 9.94288 25.3137 11.0469 25.3137 12.53C25.3137 12.7313 25.2979 12.9302 25.2694 13.1261L28.0141 14.3051L31.754 14.5499C32.2329 11.7784 31.2944 8.92561 29.612 6.65804C28.3459 4.9516 26.7167 3.47073 24.7581 2.34097C23.167 1.42325 21.5136 0.818599 19.8525 0.486816L17.9861 2.90382L17.3965 5.67918L23.5028 9.20133Z"
|
||||||
|
fill="url(#paint1_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M1.5336 11.2352C1.5329 11.2373 1.53483 11.238 1.53556 11.2358C1.67958 10.8038 1.86018 10.3219 2.08564 9.80704C3.26334 7.11765 5.53286 5.32397 8.32492 4.40943C11.117 3.49491 14.1655 3.81547 16.7101 5.28323L17.3965 5.67913L19.8525 0.486761C12.041 -1.07341 4.05728 3.51588 1.54353 11.2051C1.54233 11.2087 1.53796 11.2216 1.5336 11.2352Z"
|
||||||
|
fill="url(#paint2_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M19.6699 25.6538C18.3843 26.3953 16.8003 26.3953 15.5147 25.6538C15.3402 25.5531 15.1757 25.4399 15.0201 25.3174L12.7591 26.8719L10.8103 30.0209C12.9733 31.821 15.7821 32.3997 18.589 32.0779C20.7013 31.8357 22.7995 31.1665 24.7582 30.0368C26.3492 29.1191 27.7 27.9909 28.8182 26.7195L27.6563 23.8962L25.7762 22.1316L19.6699 25.6538Z"
|
||||||
|
fill="url(#paint3_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M15.0201 25.3175C14.0296 24.5373 13.4371 23.3406 13.4371 22.0588V21.931V11.2558C13.4371 10.6521 13.615 10.5494 14.1384 10.8513C13.3323 10.3864 11.4703 8.79036 9.17118 10.1165C7.88557 10.858 6.8269 12.4949 6.8269 13.978V21.8362C6.8269 24.775 8.34906 27.8406 10.5445 29.7966C10.6313 29.874 10.7212 29.9469 10.8103 30.0211L15.0201 25.3175Z"
|
||||||
|
fill="url(#paint4_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M28.6604 5.49565C28.6589 5.49395 28.6573 5.49532 28.6589 5.49703C28.9613 5.83763 29.2888 6.23485 29.6223 6.68734C31.3648 9.05099 32.0158 12.0447 31.4126 14.9176C30.8093 17.7906 29.0071 20.2679 26.4625 21.7357L25.7761 22.1316L28.8181 26.7195C34.0764 20.741 34.09 11.5388 28.6815 5.51929C28.6789 5.51641 28.67 5.50622 28.6604 5.49565Z"
|
||||||
|
fill="url(#paint5_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M7.09355 13.978C7.09354 12.4949 7.88551 11.1244 9.17113 10.3829C9.34564 10.2822 9.52601 10.1965 9.71002 10.1231L9.49304 7.38962L7.96861 4.26221C5.32671 5.23364 3.1897 7.24125 2.06528 9.83067C1.2191 11.7793 0.75001 13.9294 0.75 16.1888C0.75 18.0243 1.05255 19.7571 1.59553 21.3603L4.62391 21.7666L7.09355 21.0223V13.978Z"
|
||||||
|
fill="url(#paint6_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M9.71016 10.1231C10.8817 9.65623 12.2153 9.74199 13.3264 10.3829L13.4372 10.4468L22.3326 15.5777C22.9566 15.9376 22.8999 16.2918 22.1946 16.4392L22.7078 16.332C23.383 16.1908 23.9999 15.8457 24.4717 15.3428C25.2828 14.4782 25.5806 13.4351 25.5806 12.5299C25.5806 11.0468 24.7886 9.67634 23.503 8.93479L16.6911 5.00568C14.1436 3.53627 11.0895 3.22294 8.29622 4.14442C8.18572 4.18087 8.07756 4.2222 7.96875 4.26221L9.71016 10.1231Z"
|
||||||
|
fill="url(#paint7_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
d="M20.0721 31.8357C20.0744 31.8352 20.0739 31.8332 20.0717 31.8337C19.6252 31.925 19.1172 32.0097 18.5581 32.0721C15.638 32.3978 12.7174 31.4643 10.5286 29.5059C8.33986 27.5474 7.09347 24.7495 7.09348 21.814L7.09347 21.0222L1.59546 21.3602C4.1488 28.8989 12.1189 33.5118 20.0411 31.8421C20.0449 31.8413 20.0582 31.8387 20.0721 31.8357Z"
|
||||||
|
fill="url(#paint8_linear_11430_22515)"
|
||||||
|
/>
|
||||||
|
<defs>
|
||||||
|
<linearGradient
|
||||||
|
id="paint0_linear_11430_22515"
|
||||||
|
x1="20.8102"
|
||||||
|
y1="23.9532"
|
||||||
|
x2="23.9577"
|
||||||
|
y2="12.9901"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1724C9" />
|
||||||
|
<stop offset="1" stop-color="#1C64F2" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint1_linear_11430_22515"
|
||||||
|
x1="28.0593"
|
||||||
|
y1="10.5837"
|
||||||
|
x2="19.7797"
|
||||||
|
y2="2.33321"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1C64F2" />
|
||||||
|
<stop offset="1" stop-color="#0092FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint2_linear_11430_22515"
|
||||||
|
x1="16.9145"
|
||||||
|
y1="5.2045"
|
||||||
|
x2="4.42432"
|
||||||
|
y2="5.99375"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#0092FF" />
|
||||||
|
<stop offset="1" stop-color="#45B2FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint3_linear_11430_22515"
|
||||||
|
x1="16.0698"
|
||||||
|
y1="28.846"
|
||||||
|
x2="27.2866"
|
||||||
|
y2="25.8192"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1C64F2" />
|
||||||
|
<stop offset="1" stop-color="#0092FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint4_linear_11430_22515"
|
||||||
|
x1="8.01881"
|
||||||
|
y1="15.8661"
|
||||||
|
x2="15.9825"
|
||||||
|
y2="24.1181"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1724C9" />
|
||||||
|
<stop offset="1" stop-color="#1C64F2" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint5_linear_11430_22515"
|
||||||
|
x1="26.2004"
|
||||||
|
y1="21.8189"
|
||||||
|
x2="31.7569"
|
||||||
|
y2="10.6178"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#0092FF" />
|
||||||
|
<stop offset="1" stop-color="#45B2FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint6_linear_11430_22515"
|
||||||
|
x1="6.11387"
|
||||||
|
y1="9.31427"
|
||||||
|
x2="3.14054"
|
||||||
|
y2="20.4898"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1C64F2" />
|
||||||
|
<stop offset="1" stop-color="#0092FF" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint7_linear_11430_22515"
|
||||||
|
x1="21.2932"
|
||||||
|
y1="8.78271"
|
||||||
|
x2="10.4278"
|
||||||
|
y2="11.488"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#1724C9" />
|
||||||
|
<stop offset="1" stop-color="#1C64F2" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
id="paint8_linear_11430_22515"
|
||||||
|
x1="7.15667"
|
||||||
|
y1="21.5399"
|
||||||
|
x2="14.0824"
|
||||||
|
y2="31.9579"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
>
|
||||||
|
<stop stop-color="#0092FF" />
|
||||||
|
<stop offset="1" stop-color="#45B2FF" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
</svg>
|
||||||
|
Flowbite
|
||||||
|
</a>
|
||||||
|
<p class="my-6 text-gray-500 dark:text-gray-400">
|
||||||
|
Open-source library of over 400+ web components and interactive elements
|
||||||
|
built for better web. Database of over 500+ vtubers.
|
||||||
|
</p>
|
||||||
|
<p class="my-6 text-gray-500 dark:text-gray-400">
|
||||||
|
All product names, logos, and brands used in our websites are obtained
|
||||||
|
from publicly available sources and remain the property of their
|
||||||
|
respective owners.
|
||||||
|
</p>
|
||||||
|
<ul
|
||||||
|
class="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">About</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">Premium</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">Campaigns</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">Blog</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">Affiliate Program</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">FAQs</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#" class="mr-4 hover:underline md:mr-6">Contact</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
|
||||||
|
>© 2024 <a href="#" class="hover:underline">Touufoo</a>.</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
508
templates/_nav.html
Executable file
508
templates/_nav.html
Executable file
|
|
@ -0,0 +1,508 @@
|
||||||
|
<nav
|
||||||
|
class="bg-white border-b border-gray-200 md:px-4 px-2 py-2.5 dark:bg-gray-800 dark:border-gray-700 fixed left-0 right-0 top-0 z-50"
|
||||||
|
>
|
||||||
|
<div class="flex flex-wrap justify-between items-center">
|
||||||
|
<div class="flex justify-start items-center">
|
||||||
|
<button
|
||||||
|
data-drawer-target="drawer-navigation"
|
||||||
|
data-drawer-toggle="drawer-navigation"
|
||||||
|
aria-controls="drawer-navigation"
|
||||||
|
class="p-2 mr-2 text-gray-600 rounded-lg cursor-pointer md:hidden hover:text-gray-900 hover:bg-gray-100 focus:bg-gray-100 dark:focus:bg-gray-700 focus:ring-2 focus:ring-gray-100 dark:focus:ring-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-6 h-6"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h6a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="hidden w-6 h-6"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="sr-only">Toggle sidebar</span>
|
||||||
|
</button>
|
||||||
|
<a
|
||||||
|
href="https://flowbite.com"
|
||||||
|
class="flex items-center justify-between mr-4"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/logo.svg"
|
||||||
|
class="mr-3 h-8"
|
||||||
|
alt="Flowbite Logo"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
|
||||||
|
><!-- brand name --></span
|
||||||
|
>
|
||||||
|
</a>
|
||||||
|
<form action="#" method="GET" class="hidden md:block md:pl-2">
|
||||||
|
<label for="topbar-search" class="sr-only">Search</label>
|
||||||
|
<div class="relative md:w-64 md:w-96">
|
||||||
|
<div
|
||||||
|
class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5 text-gray-500 dark:text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="email"
|
||||||
|
id="topbar-search"
|
||||||
|
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-10 p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||||||
|
placeholder="Search"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="flex items-center lg:order-2">
|
||||||
|
<!-- Notifications -->
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
data-dropdown-toggle="notification-dropdown"
|
||||||
|
class="p-2 mr-1 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-700 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
||||||
|
>
|
||||||
|
<span class="sr-only">View notifications</span>
|
||||||
|
<!-- Bell icon -->
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-6 h-6"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<!-- Dropdown menu -->
|
||||||
|
<div
|
||||||
|
class="hidden overflow-hidden z-50 my-4 max-w-sm text-base list-none bg-white rounded divide-y divide-gray-100 shadow-lg dark:divide-gray-600 dark:bg-gray-700 rounded-xl"
|
||||||
|
id="notification-dropdown"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="block py-2 px-4 text-base font-medium text-center text-gray-700 bg-gray-50 dark:bg-gray-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Notifications
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
|
||||||
|
>
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
class="w-11 h-11 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
|
||||||
|
alt="Bonnie Green avatar"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 rounded-full border border-white bg-primary-700 dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-3 h-3 text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l2-2a1 1 0 00-1.414-1.414L11 7.586V3a1 1 0 10-2 0v4.586l-.293-.293z"
|
||||||
|
></path>
|
||||||
|
<path
|
||||||
|
d="M3 5a2 2 0 012-2h1a1 1 0 010 2H5v7h2l1 2h4l1-2h2V5h-1a1 1 0 110-2h1a2 2 0 012 2v10a2 2 0 01-2 2H5a2 2 0 01-2-2V5z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pl-3 w-full">
|
||||||
|
<div
|
||||||
|
class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
New message from
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Bonnie Green</span
|
||||||
|
>: "Hey, what's up? All set for the presentation?"
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-xs font-medium text-primary-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
a few moments ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
|
||||||
|
>
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
class="w-11 h-11 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
|
||||||
|
alt="Jese Leos avatar"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-gray-900 rounded-full border border-white dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-3 h-3 text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M8 9a3 3 0 100-6 3 3 0 000 6zM8 11a6 6 0 016 6H2a6 6 0 016-6zM16 7a1 1 0 10-2 0v1h-1a1 1 0 100 2h1v1a1 1 0 102 0v-1h1a1 1 0 100-2h-1V7z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pl-3 w-full">
|
||||||
|
<div
|
||||||
|
class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Jese leos</span
|
||||||
|
>
|
||||||
|
and
|
||||||
|
<span class="font-medium text-gray-900 dark:text-white"
|
||||||
|
>5 others</span
|
||||||
|
>
|
||||||
|
started following you.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-xs font-medium text-primary-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
10 minutes ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
|
||||||
|
>
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
class="w-11 h-11 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/joseph-mcfall.png"
|
||||||
|
alt="Joseph McFall avatar"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-red-600 rounded-full border border-white dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-3 h-3 text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pl-3 w-full">
|
||||||
|
<div
|
||||||
|
class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Joseph Mcfall</span
|
||||||
|
>
|
||||||
|
and
|
||||||
|
<span class="font-medium text-gray-900 dark:text-white"
|
||||||
|
>141 others</span
|
||||||
|
>
|
||||||
|
love your story. See it and view more stories.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-xs font-medium text-primary-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
44 minutes ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex py-3 px-4 border-b hover:bg-gray-100 dark:hover:bg-gray-600 dark:border-gray-600"
|
||||||
|
>
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
class="w-11 h-11 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
|
||||||
|
alt="Roberta Casas image"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-green-400 rounded-full border border-white dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-3 h-3 text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M18 13V5a2 2 0 00-2-2H4a2 2 0 00-2 2v8a2 2 0 002 2h3l3 3 3-3h3a2 2 0 002-2zM5 7a1 1 0 011-1h8a1 1 0 110 2H6a1 1 0 01-1-1zm1 3a1 1 0 100 2h3a1 1 0 100-2H6z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pl-3 w-full">
|
||||||
|
<div
|
||||||
|
class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Leslie Livingston</span
|
||||||
|
>
|
||||||
|
mentioned you in a comment:
|
||||||
|
<span class="font-medium text-primary-600 dark:text-white"
|
||||||
|
>@bonnie.green</span
|
||||||
|
>
|
||||||
|
what do you say?
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-xs font-medium text-primary-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
1 hour ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex py-3 px-4 hover:bg-gray-100 dark:hover:bg-gray-600"
|
||||||
|
>
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<img
|
||||||
|
class="w-11 h-11 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/robert-brown.png"
|
||||||
|
alt="Robert image"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="flex absolute justify-center items-center ml-6 -mt-5 w-5 h-5 bg-purple-500 rounded-full border border-white dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-3 h-3 text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V6zM14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.894l2 1A1 1 0 0018 13V7a1 1 0 00-1.447-.894l-2 1z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pl-3 w-full">
|
||||||
|
<div
|
||||||
|
class="text-gray-500 font-normal text-sm mb-1.5 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Robert Brown</span
|
||||||
|
>
|
||||||
|
posted a new video: Glassmorphism - learn how to implement the
|
||||||
|
new design trend.
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="text-xs font-medium text-primary-600 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
3 hours ago
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 text-md font-medium text-center text-gray-900 bg-gray-50 hover:bg-gray-100 dark:hover:bg-gray-500 dark:bg-gray-600 dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="inline-flex items-center dark:hover:underline">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="mr-2 w-4 h-4 text-gray-500 dark:text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path d="M10 12a2 2 0 100-4 2 2 0 000 4z"></path>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M.458 10C1.732 5.943 5.522 3 10 3s8.268 2.943 9.542 7c-1.274 4.057-5.064 7-9.542 7S1.732 14.057.458 10zM14 10a4 4 0 11-8 0 4 4 0 018 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
View all
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="flex mx-3 text-sm bg-gray-800 rounded-full md:mr-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600"
|
||||||
|
id="user-menu-button"
|
||||||
|
aria-expanded="false"
|
||||||
|
data-dropdown-toggle="dropdown"
|
||||||
|
>
|
||||||
|
<span class="sr-only">Open user menu</span>
|
||||||
|
<img
|
||||||
|
class="w-8 h-8 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/michael-gough.png"
|
||||||
|
alt="user photo"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
<!-- Dropdown menu -->
|
||||||
|
<div
|
||||||
|
class="hidden z-50 my-4 w-56 text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700 dark:divide-gray-600 rounded-xl"
|
||||||
|
id="dropdown"
|
||||||
|
>
|
||||||
|
<div class="py-3 px-4">
|
||||||
|
<span
|
||||||
|
class="block text-sm font-semibold text-gray-900 dark:text-white"
|
||||||
|
>Neil Sims</span
|
||||||
|
>
|
||||||
|
<span class="block text-sm text-gray-900 truncate dark:text-white"
|
||||||
|
>name@flowbite.com</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<ul
|
||||||
|
class="py-1 text-gray-700 dark:text-gray-300"
|
||||||
|
aria-labelledby="dropdown"
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-300 dark:hover:text-white"
|
||||||
|
>My profile</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:text-gray-300 dark:hover:text-white"
|
||||||
|
>Account settings</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul
|
||||||
|
class="py-1 text-gray-700 dark:text-gray-300"
|
||||||
|
aria-labelledby="dropdown"
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
|
||||||
|
><svg
|
||||||
|
class="mr-2 w-5 h-5 text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
My likes</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
|
||||||
|
><svg
|
||||||
|
class="mr-2 w-5 h-5 text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Collections</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex justify-between items-center py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
|
||||||
|
>
|
||||||
|
<span class="flex items-center">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="mr-2 w-5 h-5 text-primary-600 dark:text-primary-500"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
Pro version
|
||||||
|
</span>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-5 h-5 text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul
|
||||||
|
class="py-1 text-gray-700 dark:text-gray-300"
|
||||||
|
aria-labelledby="dropdown"
|
||||||
|
>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
|
||||||
|
>Sign out</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
606
templates/_sidebar.html
Executable file
606
templates/_sidebar.html
Executable file
|
|
@ -0,0 +1,606 @@
|
||||||
|
<aside
|
||||||
|
class="fixed top-0 left-0 z-40 w-64 h-screen pt-14 transition-transform -translate-x-full bg-white border-r border-gray-200 md:translate-x-0 dark:bg-gray-800 dark:border-gray-700"
|
||||||
|
aria-label="Sidenav"
|
||||||
|
id="drawer-navigation"
|
||||||
|
>
|
||||||
|
<div class="overflow-y-auto py-5 px-3 h-full bg-white dark:bg-gray-800">
|
||||||
|
<form action="#" method="GET" class="md:hidden mb-2">
|
||||||
|
<label for="sidebar-search" class="sr-only">Search</label>
|
||||||
|
<div class="relative">
|
||||||
|
<div
|
||||||
|
class="flex absolute inset-y-0 left-0 items-center pl-3 pointer-events-none"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-5 h-5 text-gray-500 dark:text-gray-400"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</div>
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
name="search"
|
||||||
|
id="sidebar-search"
|
||||||
|
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block w-full pl-10 p-2 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||||||
|
placeholder="Search"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<ul class="space-y-2">
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M11.3 3.3a1 1 0 0 1 1.4 0l6 6 2 2a1 1 0 0 1-1.4 1.4l-.3-.3V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3c0 .6-.4 1-1 1H7a2 2 0 0 1-2-2v-6.6l-.3.3a1 1 0 0 1-1.4-1.4l2-2 6-6Z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-3">Home</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg dark:text-white dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-700 group"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 text-primary-600 dark:text-primary-500 group-hover:text-primary-600 dark:group-hover:text-primary-400 opacity-100 dark:opacity-90"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="flex-1 ml-3 whitespace-nowrap">Pricing</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group"
|
||||||
|
><svg
|
||||||
|
class="w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M4.9 3C3.9 3 3 3.8 3 4.9V9c0 1 .8 1.9 1.9 1.9H9c1 0 1.9-.8 1.9-1.9V5c0-1-.8-1.9-1.9-1.9H5Zm10 0c-1 0-1.9.8-1.9 1.9V9c0 1 .8 1.9 1.9 1.9H19c1 0 1.9-.8 1.9-1.9V5c0-1-.8-1.9-1.9-1.9h-4Zm-10 10c-1 0-1.9.8-1.9 1.9V19c0 1 .8 1.9 1.9 1.9H9c1 0 1.9-.8 1.9-1.9v-4c0-1-.8-1.9-1.9-1.9H5Zm10 0c-1 0-1.9.8-1.9 1.9V19c0 1 .8 1.9 1.9 1.9H19c1 0 1.9-.8 1.9-1.9v-4c0-1-.8-1.9-1.9-1.9h-4Z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="flex-1 ml-3 whitespace-nowrap">Categories</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg transition duration-75 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white group"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M7 3a1 1 0 000 2h6a1 1 0 100-2H7zM4 7a1 1 0 011-1h10a1 1 0 110 2H5a1 1 0 01-1-1zM2 11a2 2 0 012-2h12a2 2 0 012 2v4a2 2 0 01-2 2H4a2 2 0 01-2-2v-4z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<span class="ml-3">Channels</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg transition duration-75 hover:bg-gray-100 dark:hover:bg-gray-700 dark:text-white group"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M18.375 2.25c-1.035 0-1.875.84-1.875 1.875v15.75c0 1.035.84 1.875 1.875 1.875h.75c1.035 0 1.875-.84 1.875-1.875V4.125c0-1.036-.84-1.875-1.875-1.875h-.75ZM9.75 8.625c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v11.25c0 1.035-.84 1.875-1.875 1.875h-.75a1.875 1.875 0 0 1-1.875-1.875V8.625ZM3 13.125c0-1.036.84-1.875 1.875-1.875h.75c1.036 0 1.875.84 1.875 1.875v6.75c0 1.035-.84 1.875-1.875 1.875h-.75A1.875 1.875 0 0 1 3 19.875v-6.75Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="flex-1 ml-3 whitespace-nowrap">Stats</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group"
|
||||||
|
><svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M4.5 5.653c0-1.427 1.529-2.33 2.779-1.643l11.54 6.347c1.295.712 1.295 2.573 0 3.286L7.28 19.99c-1.25.687-2.779-.217-2.779-1.643V5.653Z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="flex-1 ml-3 whitespace-nowrap">Clips</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center p-2 text-base font-medium text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="flex-shrink-0 w-6 h-6 text-gray-500 transition duration-75 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-white"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M19.952 1.651a.75.75 0 0 1 .298.599V16.303a3 3 0 0 1-2.176 2.884l-1.32.377a2.553 2.553 0 1 1-1.403-4.909l2.311-.66a1.5 1.5 0 0 0 1.088-1.442V6.994l-9 2.572v9.737a3 3 0 0 1-2.176 2.884l-1.32.377a2.553 2.553 0 1 1-1.402-4.909l2.31-.66a1.5 1.5 0 0 0 1.088-1.442V5.25a.75.75 0 0 1 .544-.721l10.5-3a.75.75 0 0 1 .658.122Z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span class="flex-1 ml-3 whitespace-nowrap">Music</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div
|
||||||
|
class="pt-5 pl-2 mt-5 mb-4 text-sm font-medium text-gray-500 uppercase border-t border-gray-200 dark:text-gray-400 dark:border-gray-700"
|
||||||
|
>
|
||||||
|
Starred channels
|
||||||
|
</div>
|
||||||
|
<div class="pb-8">
|
||||||
|
<ul class="pl-2 space-y-4 my-5 dark:border-gray-700">
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/jese-leos.png"
|
||||||
|
alt="jese avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Jese Leos
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
|
||||||
|
alt="bonnie avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Bonnie Green
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/joseph-mcfall.png"
|
||||||
|
alt="Joseph avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-red-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Joseph McFall
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/bonnie-green.png"
|
||||||
|
alt="Lana avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-red-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Lana Byrd
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
|
||||||
|
alt="Leslie avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Leslie Livingston
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/thomas-lean.png"
|
||||||
|
alt="Thomas avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Thomas Lean
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/robert-brown.png"
|
||||||
|
alt="Robert avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-red-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Robert Brown
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/michael-gouch.png"
|
||||||
|
alt="Micheal avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Micheal Gough
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/roberta-casas.png"
|
||||||
|
alt="Roberta avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Roberta Casas
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex items-center space-x-4 font-medium text-gray-600 hover:text-gray-900 dark:text-gray-300 hover:dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="relative mr-2.5">
|
||||||
|
<img
|
||||||
|
class="w-6 h-6 rounded-full"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/avatars/neil-sims.png"
|
||||||
|
alt="Neil avatar"
|
||||||
|
/>
|
||||||
|
<span
|
||||||
|
class="absolute top-0 left-4 w-3 h-3 bg-green-400 rounded-full border-2 border-white dark:border-gray-800"
|
||||||
|
></span>
|
||||||
|
</div>
|
||||||
|
Neil Sims
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="absolute bottom-0 mx-auto text-center justify-center p-4 space-x-4 w-full lg:flex bg-white dark:bg-gray-800 z-20"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex justify-center items-center p-2 text-gray-500 rounded cursor-pointer dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-600"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-6 h-6"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M5 4a1 1 0 00-2 0v7.268a2 2 0 000 3.464V16a1 1 0 102 0v-1.268a2 2 0 000-3.464V4zM11 4a1 1 0 10-2 0v1.268a2 2 0 000 3.464V16a1 1 0 102 0V8.732a2 2 0 000-3.464V4zM16 3a1 1 0 011 1v7.268a2 2 0 010 3.464V16a1 1 0 11-2 0v-1.268a2 2 0 010-3.464V4a1 1 0 011-1z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
data-tooltip-target="tooltip-help"
|
||||||
|
class="inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:text-gray-400 dark:hover:text-white hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-6 h-6"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M11.49 3.17c-.38-1.56-2.6-1.56-2.98 0a1.532 1.532 0 01-2.286.948c-1.372-.836-2.942.734-2.106 2.106.54.886.061 2.042-.947 2.287-1.561.379-1.561 2.6 0 2.978a1.532 1.532 0 01.947 2.287c-.836 1.372.734 2.942 2.106 2.106a1.532 1.532 0 012.287.947c.379 1.561 2.6 1.561 2.978 0a1.533 1.533 0 012.287-.947c1.372.836 2.942-.734 2.106-2.106a1.533 1.533 0 01.947-2.287c1.561-.379 1.561-2.6 0-2.978a1.532 1.532 0 01-.947-2.287c.836-1.372-.734-2.942-2.106-2.106a1.532 1.532 0 01-2.287-.947zM10 13a3 3 0 100-6 3 3 0 000 6z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
<div
|
||||||
|
id="tooltip-help"
|
||||||
|
role="tooltip"
|
||||||
|
class="inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm opacity-0 transition-opacity duration-300 tooltip"
|
||||||
|
>
|
||||||
|
Help
|
||||||
|
<div class="tooltip-arrow" data-popper-arrow></div>
|
||||||
|
</div>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
data-dropdown-toggle="language-dropdown"
|
||||||
|
class="inline-flex justify-center p-2 text-gray-500 rounded cursor-pointer dark:hover:text-white dark:text-gray-400 hover:text-gray-900 hover:bg-gray-100 dark:hover:bg-gray-600"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-5 w-5 rounded-full mt-0.5"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
viewBox="0 0 3900 3900"
|
||||||
|
>
|
||||||
|
<path fill="#b22234" d="M0 0h7410v3900H0z" />
|
||||||
|
<path
|
||||||
|
d="M0 450h7410m0 600H0m0 600h7410m0 600H0m0 600h7410m0 600H0"
|
||||||
|
stroke="#fff"
|
||||||
|
stroke-width="300"
|
||||||
|
/>
|
||||||
|
<path fill="#3c3b6e" d="M0 0h2964v2100H0z" />
|
||||||
|
<g fill="#fff">
|
||||||
|
<g id="d">
|
||||||
|
<g id="c">
|
||||||
|
<g id="e">
|
||||||
|
<g id="b">
|
||||||
|
<path
|
||||||
|
id="a"
|
||||||
|
d="M247 90l70.534 217.082-184.66-134.164h228.253L176.466 307.082z"
|
||||||
|
/>
|
||||||
|
<use xlink:href="#a" y="420" />
|
||||||
|
<use xlink:href="#a" y="840" />
|
||||||
|
<use xlink:href="#a" y="1260" />
|
||||||
|
</g>
|
||||||
|
<use xlink:href="#a" y="1680" />
|
||||||
|
</g>
|
||||||
|
<use xlink:href="#b" x="247" y="210" />
|
||||||
|
</g>
|
||||||
|
<use xlink:href="#c" x="494" />
|
||||||
|
</g>
|
||||||
|
<use xlink:href="#d" x="988" />
|
||||||
|
<use xlink:href="#c" x="1976" />
|
||||||
|
<use xlink:href="#e" x="2470" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
<!-- Dropdown -->
|
||||||
|
<div
|
||||||
|
class="hidden z-50 my-4 text-start text-base list-none bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700"
|
||||||
|
id="language-dropdown"
|
||||||
|
>
|
||||||
|
<ul class="py-1" role="none">
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600"
|
||||||
|
role="menuitem"
|
||||||
|
>
|
||||||
|
<div class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-3.5 w-3.5 rounded-full mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
id="flag-icon-css-us"
|
||||||
|
viewBox="0 0 512 512"
|
||||||
|
>
|
||||||
|
<g fill-rule="evenodd">
|
||||||
|
<g stroke-width="1pt">
|
||||||
|
<path
|
||||||
|
fill="#bd3d44"
|
||||||
|
d="M0 0h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z"
|
||||||
|
transform="scale(3.9385)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fill="#fff"
|
||||||
|
d="M0 10h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0zm0 20h247v10H0z"
|
||||||
|
transform="scale(3.9385)"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
fill="#192f5d"
|
||||||
|
d="M0 0h98.8v70H0z"
|
||||||
|
transform="scale(3.9385)"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fill="#fff"
|
||||||
|
d="M8.2 3l1 2.8H12L9.7 7.5l.9 2.7-2.4-1.7L6 10.2l.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7L74 8.5l-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 7.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 24.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 21.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 38.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 35.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 52.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 49.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm-74.1 7l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7H65zm16.4 0l1 2.8H86l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm-74 7l.8 2.8h3l-2.4 1.7.9 2.7-2.4-1.7L6 66.2l.9-2.7-2.4-1.7h3zm16.4 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8H45l-2.4 1.7 1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9zm16.4 0l1 2.8h2.8l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h3zm16.5 0l.9 2.8h2.9l-2.3 1.7.9 2.7-2.4-1.7-2.3 1.7.9-2.7-2.4-1.7h2.9zm16.5 0l.9 2.8h2.9L92 63.5l1 2.7-2.4-1.7-2.4 1.7 1-2.7-2.4-1.7h2.9z"
|
||||||
|
transform="scale(3.9385)"
|
||||||
|
/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
English (US)
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:text-white dark:hover:bg-gray-600"
|
||||||
|
role="menuitem"
|
||||||
|
>
|
||||||
|
<div class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-3.5 w-3.5 rounded-full mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
id="flag-icon-css-de"
|
||||||
|
viewBox="0 0 512 512"
|
||||||
|
>
|
||||||
|
<path fill="#ffce00" d="M0 341.3h512V512H0z" />
|
||||||
|
<path d="M0 0h512v170.7H0z" />
|
||||||
|
<path fill="#d00" d="M0 170.7h512v170.6H0z" />
|
||||||
|
</svg>
|
||||||
|
Deutsch
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:text-white dark:hover:bg-gray-600"
|
||||||
|
role="menuitem"
|
||||||
|
>
|
||||||
|
<div class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-3.5 w-3.5 rounded-full mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
id="flag-icon-css-it"
|
||||||
|
viewBox="0 0 512 512"
|
||||||
|
>
|
||||||
|
<g fill-rule="evenodd" stroke-width="1pt">
|
||||||
|
<path fill="#fff" d="M0 0h512v512H0z" />
|
||||||
|
<path fill="#009246" d="M0 0h170.7v512H0z" />
|
||||||
|
<path fill="#ce2b37" d="M341.3 0H512v512H341.3z" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
Italiano
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="block py-2 px-4 text-sm text-gray-700 hover:bg-gray-100 dark:hover:text-white dark:text-gray-300 dark:hover:bg-gray-600"
|
||||||
|
role="menuitem"
|
||||||
|
>
|
||||||
|
<div class="inline-flex items-center">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="h-3.5 w-3.5 rounded-full mr-2"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
id="flag-icon-css-cn"
|
||||||
|
viewBox="0 0 512 512"
|
||||||
|
>
|
||||||
|
<defs>
|
||||||
|
<path id="a" fill="#ffde00" d="M1-.3L-.7.8 0-1 .6.8-1-.3z" />
|
||||||
|
</defs>
|
||||||
|
<path fill="#de2910" d="M0 0h512v512H0z" />
|
||||||
|
<use
|
||||||
|
width="30"
|
||||||
|
height="20"
|
||||||
|
transform="matrix(76.8 0 0 76.8 128 128)"
|
||||||
|
xlink:href="#a"
|
||||||
|
/>
|
||||||
|
<use
|
||||||
|
width="30"
|
||||||
|
height="20"
|
||||||
|
transform="rotate(-121 142.6 -47) scale(25.5827)"
|
||||||
|
xlink:href="#a"
|
||||||
|
/>
|
||||||
|
<use
|
||||||
|
width="30"
|
||||||
|
height="20"
|
||||||
|
transform="rotate(-98.1 198 -82) scale(25.6)"
|
||||||
|
xlink:href="#a"
|
||||||
|
/>
|
||||||
|
<use
|
||||||
|
width="30"
|
||||||
|
height="20"
|
||||||
|
transform="rotate(-74 272.4 -114) scale(25.6137)"
|
||||||
|
xlink:href="#a"
|
||||||
|
/>
|
||||||
|
<use
|
||||||
|
width="30"
|
||||||
|
height="20"
|
||||||
|
transform="matrix(16 -19.968 19.968 16 256 230.4)"
|
||||||
|
xlink:href="#a"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
中文 (繁體)
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
945
templates/index.html
Executable file
945
templates/index.html
Executable file
|
|
@ -0,0 +1,945 @@
|
||||||
|
{% extends 'layout.html' %} {% block content %}
|
||||||
|
|
||||||
|
<link
|
||||||
|
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro"
|
||||||
|
rel="stylesheet"
|
||||||
|
type="text/css"
|
||||||
|
/>
|
||||||
|
<style>
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap");
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<!-- hero section -->
|
||||||
|
<div
|
||||||
|
class="border-none border-dashed rounded-lg border-gray-300 dark:border-gray-600 mb-4"
|
||||||
|
>
|
||||||
|
<section class="bg-white dark:bg-gray-900">
|
||||||
|
<div
|
||||||
|
class="items-center py-8 px-4 mx-auto max-w-screen-xl lg:grid lg:grid-cols-4 lg:gap-16 xl:gap-24 lg:py-16 lg:px-6"
|
||||||
|
>
|
||||||
|
<div class="col-span-2 mb-8">
|
||||||
|
<p class="text-lg font-medium text-primary-600 dark:text-primary-500">
|
||||||
|
AI-Powered Vtuber Hub
|
||||||
|
</p>
|
||||||
|
<h2
|
||||||
|
class="mt-3 mb-4 text-3xl font-extrabold tracking-tight text-gray-900 md:text-4xl dark:text-white"
|
||||||
|
>
|
||||||
|
What Vtubers can I watch?
|
||||||
|
</h2>
|
||||||
|
<p class="font-light text-gray-500 sm:text-xl dark:text-gray-400">
|
||||||
|
We bring Vtubers directly to viewers and offer stream analysis to
|
||||||
|
creators. Our website is all about Vtuber content, and nothing else.
|
||||||
|
</p>
|
||||||
|
<div
|
||||||
|
class="pt-6 mt-6 space-y-4 border-t border-gray-200 dark:border-gray-700"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center text-base font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700"
|
||||||
|
>
|
||||||
|
Log in
|
||||||
|
<svg
|
||||||
|
class="ml-1 w-5 h-5"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center text-base font-medium text-primary-600 hover:text-primary-800 dark:text-primary-500 dark:hover:text-primary-700"
|
||||||
|
>
|
||||||
|
Submit your character
|
||||||
|
<svg
|
||||||
|
class="ml-1 w-5 h-5"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="col-span-2 space-y-8 md:grid md:grid-cols-2 md:gap-12 md:space-y-0"
|
||||||
|
>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
class="mb-2 w-8 h-8 md:w-10 md:h-10 text-primary-600 md:w-12 md:h-12 dark:text-primary-500"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M2 5a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2V5zm14 1a1 1 0 11-2 0 1 1 0 012 0zM2 13a2 2 0 012-2h12a2 2 0 012 2v2a2 2 0 01-2 2H4a2 2 0 01-2-2v-2zm14 1a1 1 0 11-2 0 1 1 0 012 0z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<h3
|
||||||
|
class="mb-2 text-lg md:text-2xl tracking-tight font-bold dark:text-white"
|
||||||
|
>
|
||||||
|
723 channels
|
||||||
|
</h3>
|
||||||
|
<p class="font-light text-gray-500 dark:text-gray-400">
|
||||||
|
and content in 12 languages from various streaming platforms
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
class="mb-2 w-8 h-8 md:w-10 md:h-10 text-primary-600 md:w-12 md:h-12 dark:text-primary-500"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<h3
|
||||||
|
class="mb-2 text-lg md:text-2xl tracking-tight font-bold dark:text-white"
|
||||||
|
>
|
||||||
|
1000+ users
|
||||||
|
</h3>
|
||||||
|
<p class="font-light text-gray-500 dark:text-gray-400">
|
||||||
|
trusted by over 1000 users around the world
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
class="mb-2 w-8 h-8 md:w-10 md:h-10 text-primary-600 md:w-12 md:h-12 dark:text-primary-500"
|
||||||
|
aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M14.516 6.743c-.41-.368-.443-1-.077-1.41a.99.99 0 0 1 1.405-.078l5.487 4.948.007.006A2.047 2.047 0 0 1 22 11.721a2.06 2.06 0 0 1-.662 1.51l-5.584 5.09a.99.99 0 0 1-1.404-.07 1.003 1.003 0 0 1 .068-1.412l5.578-5.082a.05.05 0 0 0 .015-.036.051.051 0 0 0-.015-.036l-5.48-4.942Zm-6.543 9.199v-.42a4.168 4.168 0 0 0-2.715 2.415c-.154.382-.44.695-.806.88a1.683 1.683 0 0 1-2.167-.571 1.705 1.705 0 0 1-.279-1.092V15.88c0-3.77 2.526-7.039 5.967-7.573V7.57a1.957 1.957 0 0 1 .993-1.838 1.931 1.931 0 0 1 2.153.184l5.08 4.248a.646.646 0 0 1 .012.011l.011.01a2.098 2.098 0 0 1 .703 1.57 2.108 2.108 0 0 1-.726 1.59l-5.08 4.25a1.933 1.933 0 0 1-2.929-.614 1.957 1.957 0 0 1-.217-1.04Z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<h3
|
||||||
|
class="mb-2 text-lg md:text-2xl tracking-tight font-bold dark:text-white"
|
||||||
|
>
|
||||||
|
98.50% of traffic
|
||||||
|
</h3>
|
||||||
|
<p class="font-light text-gray-500 dark:text-gray-400">
|
||||||
|
visits official VTuber channels from our website
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<svg
|
||||||
|
class="mb-2 w-8 h-8 md:w-10 md:h-10 text-primary-600 md:w-12 md:h-12 dark:text-primary-500"
|
||||||
|
aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M10 2a6 6 0 00-6 6v3.586l-.707.707A1 1 0 004 14h12a1 1 0 00.707-1.707L16 11.586V8a6 6 0 00-6-6zM10 18a3 3 0 01-3-3h6a3 3 0 01-3 3z"
|
||||||
|
></path>
|
||||||
|
</svg>
|
||||||
|
<h3
|
||||||
|
class="mb-2 text-lg md:text-2xl tracking-tight font-bold dark:text-white"
|
||||||
|
>
|
||||||
|
3.6K alarms
|
||||||
|
</h3>
|
||||||
|
<p class="font-light text-gray-500 dark:text-gray-400">
|
||||||
|
per day for upcoming streams, unarchived streams and missed streams
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- table -->
|
||||||
|
<div
|
||||||
|
class="border-none border-dashed rounded-lg border-gray-300 dark:border-gray-600 mb-4"
|
||||||
|
>
|
||||||
|
<section class="bg-gray-50 dark:bg-gray-900 py-3 sm:py-5">
|
||||||
|
<div class="px-4 mx-auto max-w-screen-2xl lg:px-12">
|
||||||
|
<div
|
||||||
|
class="relative overflow-hidden bg-white shadow-md dark:bg-gray-800 sm:rounded-lg"
|
||||||
|
>
|
||||||
|
<div class="px-4 divide-y dark:divide-gray-700">
|
||||||
|
<div
|
||||||
|
class="flex flex-col py-3 space-y-3 md:flex-row md:items-center md:justify-between md:space-y-0 md:space-x-4"
|
||||||
|
>
|
||||||
|
<div class="flex items-center flex-1 space-x-4">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="inline-flex items-center justify-center flex-shrink-0 px-3 py-2 text-xs font-medium text-gray-900 bg-white border border-gray-200 rounded-lg focus:outline-none hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewbox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M11.828 2.25c-.916 0-1.699.663-1.85 1.567l-.091.549a.798.798 0 01-.517.608 7.45 7.45 0 00-.478.198.798.798 0 01-.796-.064l-.453-.324a1.875 1.875 0 00-2.416.2l-.243.243a1.875 1.875 0 00-.2 2.416l.324.453a.798.798 0 01.064.796 7.448 7.448 0 00-.198.478.798.798 0 01-.608.517l-.55.092a1.875 1.875 0 00-1.566 1.849v.344c0 .916.663 1.699 1.567 1.85l.549.091c.281.047.508.25.608.517.06.162.127.321.198.478a.798.798 0 01-.064.796l-.324.453a1.875 1.875 0 00.2 2.416l.243.243c.648.648 1.67.733 2.416.2l.453-.324a.798.798 0 01.796-.064c.157.071.316.137.478.198.267.1.47.327.517.608l.092.55c.15.903.932 1.566 1.849 1.566h.344c.916 0 1.699-.663 1.85-1.567l.091-.549a.798.798 0 01.517-.608 7.52 7.52 0 00.478-.198.798.798 0 01.796.064l.453.324a1.875 1.875 0 002.416-.2l.243-.243c.648-.648.733-1.67.2-2.416l-.324-.453a.798.798 0 01-.064-.796c.071-.157.137-.316.198-.478.1-.267.327-.47.608-.517l.55-.091a1.875 1.875 0 001.566-1.85v-.344c0-.916-.663-1.699-1.567-1.85l-.549-.091a.798.798 0 01-.608-.517 7.507 7.507 0 00-.198-.478.798.798 0 01.064-.796l.324-.453a1.875 1.875 0 00-.2-2.416l-.243-.243a1.875 1.875 0 00-2.416-.2l-.453.324a.798.798 0 01-.796.064 7.462 7.462 0 00-.478-.198.798.798 0 01-.517-.608l-.091-.55a1.875 1.875 0 00-1.85-1.566h-.344zM12 15.75a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
All channels: 1,635
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="inline-flex items-center justify-center flex-shrink-0 px-3 py-2 text-xs font-medium text-gray-900 bg-white border border-gray-200 rounded-lg focus:outline-none hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewbox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M11.828 2.25c-.916 0-1.699.663-1.85 1.567l-.091.549a.798.798 0 01-.517.608 7.45 7.45 0 00-.478.198.798.798 0 01-.796-.064l-.453-.324a1.875 1.875 0 00-2.416.2l-.243.243a1.875 1.875 0 00-.2 2.416l.324.453a.798.798 0 01.064.796 7.448 7.448 0 00-.198.478.798.798 0 01-.608.517l-.55.092a1.875 1.875 0 00-1.566 1.849v.344c0 .916.663 1.699 1.567 1.85l.549.091c.281.047.508.25.608.517.06.162.127.321.198.478a.798.798 0 01-.064.796l-.324.453a1.875 1.875 0 00.2 2.416l.243.243c.648.648 1.67.733 2.416.2l.453-.324a.798.798 0 01.796-.064c.157.071.316.137.478.198.267.1.47.327.517.608l.092.55c.15.903.932 1.566 1.849 1.566h.344c.916 0 1.699-.663 1.85-1.567l.091-.549a.798.798 0 01.517-.608 7.52 7.52 0 00.478-.198.798.798 0 01.796.064l.453.324a1.875 1.875 0 002.416-.2l.243-.243c.648-.648.733-1.67.2-2.416l-.324-.453a.798.798 0 01-.064-.796c.071-.157.137-.316.198-.478.1-.267.327-.47.608-.517l.55-.091a1.875 1.875 0 001.566-1.85v-.344c0-.916-.663-1.699-1.567-1.85l-.549-.091a.798.798 0 01-.608-.517 7.507 7.507 0 00-.198-.478.798.798 0 01.064-.796l.324-.453a1.875 1.875 0 00-.2-2.416l-.243-.243a1.875 1.875 0 00-2.416-.2l-.453.324a.798.798 0 01-.796.064 7.462 7.462 0 00-.478-.198.798.798 0 01-.517-.608l-.091-.55a1.875 1.875 0 00-1.85-1.566h-.344zM12 15.75a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Languages: 5
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-start flex-shrink-0 space-y-3 md:flex-row md:items-center lg:justify-end md:space-y-0 md:space-x-3"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="inline-flex items-center justify-center flex-shrink-0 px-3 py-2 text-xs font-medium text-gray-900 bg-white border border-gray-200 rounded-lg focus:outline-none hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewbox="0 0 24 24"
|
||||||
|
fill="currentColor"
|
||||||
|
class="w-4 h-4 mr-2"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
d="M11.828 2.25c-.916 0-1.699.663-1.85 1.567l-.091.549a.798.798 0 01-.517.608 7.45 7.45 0 00-.478.198.798.798 0 01-.796-.064l-.453-.324a1.875 1.875 0 00-2.416.2l-.243.243a1.875 1.875 0 00-.2 2.416l.324.453a.798.798 0 01.064.796 7.448 7.448 0 00-.198.478.798.798 0 01-.608.517l-.55.092a1.875 1.875 0 00-1.566 1.849v.344c0 .916.663 1.699 1.567 1.85l.549.091c.281.047.508.25.608.517.06.162.127.321.198.478a.798.798 0 01-.064.796l-.324.453a1.875 1.875 0 00.2 2.416l.243.243c.648.648 1.67.733 2.416.2l.453-.324a.798.798 0 01.796-.064c.157.071.316.137.478.198.267.1.47.327.517.608l.092.55c.15.903.932 1.566 1.849 1.566h.344c.916 0 1.699-.663 1.85-1.567l.091-.549a.798.798 0 01.517-.608 7.52 7.52 0 00.478-.198.798.798 0 01.796.064l.453.324a1.875 1.875 0 002.416-.2l.243-.243c.648-.648.733-1.67.2-2.416l-.324-.453a.798.798 0 01-.064-.796c.071-.157.137-.316.198-.478.1-.267.327-.47.608-.517l.55-.091a1.875 1.875 0 001.566-1.85v-.344c0-.916-.663-1.699-1.567-1.85l-.549-.091a.798.798 0 01-.608-.517 7.507 7.507 0 00-.198-.478.798.798 0 01.064-.796l.324-.453a1.875 1.875 0 00-.2-2.416l-.243-.243a1.875 1.875 0 00-2.416-.2l-.453.324a.798.798 0 01-.796.064 7.462 7.462 0 00-.478-.198.798.798 0 01-.517-.608l-.091-.55a1.875 1.875 0 00-1.85-1.566h-.344zM12 15.75a3.75 3.75 0 100-7.5 3.75 3.75 0 000 7.5z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Table settings
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="flex flex-col items-stretch justify-between py-4 space-y-3 md:flex-row md:items-center md:space-y-0"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="flex items-center justify-center px-4 py-2 text-sm font-medium text-white rounded-lg bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 focus:outline-none dark:focus:ring-primary-800"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="h-3.5 w-3.5 mr-2"
|
||||||
|
fill="currentColor"
|
||||||
|
viewbox="0 0 20 20"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
clip-rule="evenodd"
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
Add new user
|
||||||
|
</button>
|
||||||
|
<div
|
||||||
|
class="inline-flex flex-col rounded-md shadow-sm md:flex-row"
|
||||||
|
role="group"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-t-lg md:rounded-tr-none md:rounded-l-lg hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-primary-500 dark:focus:text-white"
|
||||||
|
>
|
||||||
|
Suspend all</button
|
||||||
|
><button
|
||||||
|
type="button"
|
||||||
|
class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border-gray-200 border-x md:border-x-0 md:border-t md:border-b hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-primary-500 dark:focus:text-white"
|
||||||
|
>
|
||||||
|
Archive all</button
|
||||||
|
><button
|
||||||
|
type="button"
|
||||||
|
class="px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-b-lg md:rounded-bl-none md:rounded-r-lg hover:bg-gray-100 hover:text-primary-700 focus:z-10 focus:ring-2 focus:ring-primary-700 focus:text-primary-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-primary-500 dark:focus:text-white"
|
||||||
|
>
|
||||||
|
Delete all
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table
|
||||||
|
class="w-full text-sm text-left text-gray-500 dark:text-gray-400"
|
||||||
|
>
|
||||||
|
<thead
|
||||||
|
class="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-700 dark:text-gray-400"
|
||||||
|
>
|
||||||
|
<tr>
|
||||||
|
<th scope="col" class="px-4 py-3">Name</th>
|
||||||
|
<th scope="col" class="px-4 py-3 hidden md:table-cell">
|
||||||
|
Network
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="px-4 py-3 hidden lg:table-cell">
|
||||||
|
Categories
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="px-4 py-3">Language</th>
|
||||||
|
<th scope="col" class="px-4 py-3 hidden lg:table-cell">
|
||||||
|
Last Activity
|
||||||
|
</th>
|
||||||
|
<th
|
||||||
|
scope="col"
|
||||||
|
class="px-4 py-3 hidden sm:table-cell whitespace-nowrap"
|
||||||
|
>
|
||||||
|
Socials
|
||||||
|
</th>
|
||||||
|
<th scope="col" class="px-4 py-3">
|
||||||
|
<span class="sr-only">Channel Link</span>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr
|
||||||
|
class="border-b dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700"
|
||||||
|
>
|
||||||
|
<th
|
||||||
|
scope="row"
|
||||||
|
class="px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#" class="flex items-center">
|
||||||
|
<img
|
||||||
|
src="{{ url_for('static', filename='src/miko.jpg') }}"
|
||||||
|
alt="iMac Front Image"
|
||||||
|
class="inline w-auto h-8 mr-3 rounded-full"
|
||||||
|
/>
|
||||||
|
<span class="truncate hover:bg-gray-200 rounded px-1"
|
||||||
|
>Sakura Miko</span
|
||||||
|
>
|
||||||
|
</a>
|
||||||
|
</th>
|
||||||
|
<td
|
||||||
|
class="hidden md:table-cell px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Hololive
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="hidden lg:table-cell px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Gaming
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Music
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Free Talk
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="flex items-center">
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
Japanese
|
||||||
|
</a>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center bg-gray-100 text-gray-800 text-xs font-medium mr-2 px-2.5 py-0.5 rounded hover:bg-gray-200 dark:bg-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
English
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="hidden lg:table-cell px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<div class="flex items-center">12 minutes ago</div>
|
||||||
|
</td>
|
||||||
|
<td class="hidden sm:table-cell px-4 py-2 whitespace-nowrap">
|
||||||
|
<div class="flex items-center space-x-1.5">
|
||||||
|
<a
|
||||||
|
class="transition hover:text-gray-900 dark:hover:text-white"
|
||||||
|
href="#"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="13"
|
||||||
|
height="10"
|
||||||
|
fill="currentColor"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M11.508 2.497c.469-.351.89-.773 1.219-1.265a4.613 4.613 0 0 1-1.407.375c.516-.305.89-.774 1.078-1.36a5.197 5.197 0 0 1-1.546.61A2.461 2.461 0 0 0 9.047.083a2.46 2.46 0 0 0-2.461 2.461c0 .188.023.375.07.563A7.14 7.14 0 0 1 1.57.529c-.21.351-.328.773-.328 1.242 0 .844.422 1.594 1.102 2.039-.399-.024-.797-.117-1.125-.305v.024c0 1.195.843 2.18 1.968 2.414a2.748 2.748 0 0 1-.632.093c-.164 0-.305-.023-.47-.046A2.45 2.45 0 0 0 4.384 7.7a4.948 4.948 0 0 1-3.047 1.055c-.211 0-.399-.023-.586-.047A6.857 6.857 0 0 0 4.523 9.81c4.524 0 6.985-3.727 6.985-6.985v-.328Z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td
|
||||||
|
class="px-4 py-2 font-medium text-gray-900 whitespace-nowrap dark:text-white"
|
||||||
|
>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center p-1 text-sm font-medium text-center text-gray-500 rounded-lg hover:text-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 focus:outline-none dark:text-gray-400 dark:hover:text-gray-100"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
class="w-4 h-4 dark:text-white"
|
||||||
|
aria-hidden="true"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke="currentColor"
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
d="M18 14v4.833A1.166 1.166 0 0 1 16.833 20H5.167A1.167 1.167 0 0 1 4 18.833V7.167A1.166 1.166 0 0 1 5.167 6h4.618m4.447-2H20v5.768m-7.889 2.121 7.778-7.778"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
<nav
|
||||||
|
class="flex flex-col items-start justify-between p-4 space-y-3 md:flex-row md:items-center md:space-y-0"
|
||||||
|
aria-label="Table navigation"
|
||||||
|
>
|
||||||
|
<div class="flex items-center space-x-3">
|
||||||
|
<label
|
||||||
|
for="rows"
|
||||||
|
class="text-xs font-normal text-gray-500 dark:text-gray-400"
|
||||||
|
>Rows per page</label
|
||||||
|
><select
|
||||||
|
id="rows"
|
||||||
|
class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-primary-500 focus:border-primary-500 block py-1.5 pl-3.5 pr-6 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-500"
|
||||||
|
>
|
||||||
|
<option selected="" value="10">10</option>
|
||||||
|
<option value="25">25</option>
|
||||||
|
<option value="50">50</option>
|
||||||
|
<option value="100">100</option>
|
||||||
|
</select>
|
||||||
|
<div class="text-xs font-normal text-gray-500 dark:text-gray-400">
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>1-10</span
|
||||||
|
>
|
||||||
|
of
|
||||||
|
<span class="font-semibold text-gray-900 dark:text-white"
|
||||||
|
>100</span
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<ul class="inline-flex items-stretch -space-x-px">
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex text-sm w-20 items-center justify-center h-full py-1.5 px-3 ml-0 text-gray-500 bg-white rounded-l-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
|
||||||
|
>Previous</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="flex text-sm w-20 items-center justify-center h-full py-1.5 px-3 leading-tight text-gray-500 bg-white rounded-r-lg border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
|
||||||
|
>Next</a
|
||||||
|
>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- categories -->
|
||||||
|
<div
|
||||||
|
class="border-none border-dashed rounded-lg border-gray-300 dark:border-gray-600 mb-4"
|
||||||
|
>
|
||||||
|
<section class="bg-white dark:bg-gray-900 antialiased">
|
||||||
|
<div class="max-w-screen-xl px-4 py-8 mx-auto lg:px-6 sm:py-16 lg:py-24">
|
||||||
|
<div class="max-w-3xl mx-auto text-center">
|
||||||
|
<h2
|
||||||
|
class="text-3xl font-extrabold leading-tight tracking-tight text-gray-900 sm:text-4xl dark:text-white"
|
||||||
|
>
|
||||||
|
Our people make us great
|
||||||
|
</h2>
|
||||||
|
<p
|
||||||
|
class="mt-4 text-base font-normal text-gray-500 sm:text-xl dark:text-gray-400"
|
||||||
|
>
|
||||||
|
You'll interact with talented professionals, will be challenged to
|
||||||
|
solve difficult problems and think in new and creative ways.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="grid grid-cols-1 gap-4 mt-8 lg:mt-16 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-6"
|
||||||
|
>
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="#" class="relative overflow-hidden rounded-lg group">
|
||||||
|
<img
|
||||||
|
class="object-cover w-full h-[320px] lg:h-auto scale-100 ease-in duration-300 group-hover:scale-125"
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/team/member-12.png"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
class="absolute inset-0 grid items-end justify-center p-4 bg-gradient-to-b from-transparent to-black/60"
|
||||||
|
>
|
||||||
|
<div class="text-center">
|
||||||
|
<p class="text-xl font-bold text-white">Thomas Lean</p>
|
||||||
|
<p class="text-base font-medium text-gray-300">Marketing</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="max-w-3xl p-4 mx-auto mt-8 rounded-md lg:mt-16 bg-gray-50 dark:bg-gray-800"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="flex flex-col justify-between gap-3 md:gap-6 md:items-center md:flex-row"
|
||||||
|
>
|
||||||
|
<div class="flex items-center gap-1.5">
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="hidden w-5 h-5 text-gray-800 dark:text-gray-400 md:block shrink-0"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span
|
||||||
|
class="text-base font-normal text-gray-700 dark:text-gray-400"
|
||||||
|
>
|
||||||
|
<span class="font-semibold">
|
||||||
|
Want to join the Flowbite team?
|
||||||
|
</span>
|
||||||
|
We are growing our community.
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
title=""
|
||||||
|
class="inline-flex items-center text-base font-medium text-primary-600 hover:underline dark:text-primary-500"
|
||||||
|
>
|
||||||
|
Join our team
|
||||||
|
<svg
|
||||||
|
aria-hidden="true"
|
||||||
|
class="w-5 h-5 ml-1.5"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
viewBox="0 0 20 20"
|
||||||
|
fill="currentColor"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fill-rule="evenodd"
|
||||||
|
d="M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z"
|
||||||
|
clip-rule="evenodd"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- clips -->
|
||||||
|
<div
|
||||||
|
class="border-none border-dashed rounded-lg border-gray-300 dark:border-gray-600 mb-4"
|
||||||
|
>
|
||||||
|
<aside
|
||||||
|
aria-label="Related articles"
|
||||||
|
class="py-8 bg-white lg:py-16 dark:bg-gray-900 antialiased"
|
||||||
|
>
|
||||||
|
<div class="px-4 mx-auto max-w-screen-xl">
|
||||||
|
<h2 class="mb-8 text-2xl font-bold text-gray-900 dark:text-white">
|
||||||
|
Read Next
|
||||||
|
</h2>
|
||||||
|
<div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-2.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 2"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">How AI is transforming your smartphone</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-2.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 2"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">How AI is transforming your smartphone</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-2.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 2"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">How AI is transforming your smartphone</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-2.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 2"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">How AI is transforming your smartphone</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-2.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 2"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">How AI is transforming your smartphone</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-3.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 3"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">Android, ChromeOS, and the future of app discovery</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-4.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 4"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#">What Google collaboration app offers remote teams</a>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-5.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 5"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#"
|
||||||
|
>Collaboration app spending grows in the face of crisis</a
|
||||||
|
>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-6.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 6"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#"
|
||||||
|
>For developers, too many meetings, too little 'focus' time</a
|
||||||
|
>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-6.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 6"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#"
|
||||||
|
>For developers, too many meetings, too little 'focus' time</a
|
||||||
|
>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-6.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 6"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#"
|
||||||
|
>For developers, too many meetings, too little 'focus' time</a
|
||||||
|
>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
<article>
|
||||||
|
<a href="#">
|
||||||
|
<img
|
||||||
|
src="https://flowbite.s3.amazonaws.com/blocks/marketing-ui/articles/wordpress/image-6.jpg"
|
||||||
|
class="mb-5 w-full max-w-full rounded-lg"
|
||||||
|
alt="Image 6"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<h2
|
||||||
|
class="mb-2 text-xl font-bold leading-tight text-gray-900 dark:text-white"
|
||||||
|
>
|
||||||
|
<a href="#"
|
||||||
|
>For developers, too many meetings, too little 'focus' time</a
|
||||||
|
>
|
||||||
|
</h2>
|
||||||
|
<a
|
||||||
|
href="#"
|
||||||
|
class="inline-flex items-center font-medium underline underline-offset-4 text-primary-600 dark:text-primary-500 hover:no-underline"
|
||||||
|
>
|
||||||
|
Read more
|
||||||
|
</a>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
</div>
|
||||||
|
{% endblock content %}
|
||||||
31
templates/layout.html
Executable file
31
templates/layout.html
Executable file
|
|
@ -0,0 +1,31 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
{% if title %}
|
||||||
|
<title>{{ title }} - Touufoo</title>
|
||||||
|
{% else %}
|
||||||
|
<title>Touufoo</title>
|
||||||
|
{% endif %}
|
||||||
|
<link
|
||||||
|
rel="stylesheet"
|
||||||
|
href="{{ url_for('static', filename='css/app.css') }}"
|
||||||
|
/>
|
||||||
|
</head>
|
||||||
|
<body class="antialiased bg-white dark:bg-gray-900">
|
||||||
|
{% include '_nav.html' %}
|
||||||
|
|
||||||
|
<!-- Sidebar -->
|
||||||
|
{% include '_sidebar.html' %}
|
||||||
|
|
||||||
|
<main class="p-4 md:ml-64 h-auto pt-20">
|
||||||
|
<div>{% block content %} {% endblock content %}</div>
|
||||||
|
<div>{% include '_footer.html' %}</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<script src="{{ url_for('static', filename='vendor/flowbite/flowbite.min.js') }}"></script>
|
||||||
|
<script src="{{ url_for('static', filename='js/bundle.js') }}"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
12
tsconfig.json
Executable file
12
tsconfig.json
Executable file
|
|
@ -0,0 +1,12 @@
|
||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"outDir": "./static",
|
||||||
|
"removeComments": true,
|
||||||
|
"sourceMap": true,
|
||||||
|
"noImplicitAny": false,
|
||||||
|
"module": "es6",
|
||||||
|
"target": "es5",
|
||||||
|
"allowJs": true
|
||||||
|
},
|
||||||
|
"exclude": ["test.ts", "node_modules"]
|
||||||
|
}
|
||||||
22
webpack.config.js
Executable file
22
webpack.config.js
Executable file
|
|
@ -0,0 +1,22 @@
|
||||||
|
const path = require("path");
|
||||||
|
|
||||||
|
module.exports = {
|
||||||
|
entry: "./src/ts/Main.ts",
|
||||||
|
devtool: "inline-source-map",
|
||||||
|
module: {
|
||||||
|
rules: [
|
||||||
|
{
|
||||||
|
test: /\.tsx?$/,
|
||||||
|
use: "ts-loader",
|
||||||
|
exclude: /node_modules/,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
resolve: {
|
||||||
|
extensions: [".js", ".ts", ".tsx"],
|
||||||
|
},
|
||||||
|
output: {
|
||||||
|
path: path.resolve(__dirname, "./"),
|
||||||
|
filename: "static/js/bundle.js",
|
||||||
|
},
|
||||||
|
};
|
||||||
Loading…
Reference in a new issue