Skip to content

Commit ec7616f

Browse files
ThisIsMissEmThisIsMissEm
committed
Add bootstrap because I can't be bothered with tailwindcss
1 parent fffd0e9 commit ec7616f

12 files changed

Lines changed: 526 additions & 422 deletions

File tree

‎package-lock.json‎

Lines changed: 423 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@
5050
"hot-hook": "^0.4.0",
5151
"pino-pretty": "^13.0.0",
5252
"prettier": "^3.4.2",
53+
"sass": "^1.83.0",
5354
"ts-node-maintained": "^10.9.4",
5455
"typescript": "~5.7",
5556
"vite": "^6.0.3"
@@ -63,6 +64,8 @@
6364
"@adonisjs/static": "^1.1.1",
6465
"@adonisjs/vite": "^4.0.0",
6566
"@vinejs/vine": "^3.0.0",
67+
"bootstrap": "^5.3.3",
68+
"bootstrap-icons": "^1.11.3",
6669
"edge.js": "^6.2.0",
6770
"luxon": "^3.5.0",
6871
"pg": "^8.13.1",

‎public/favicon.ico‎

Whitespace-only changes.

‎resources/css/app.css‎

Lines changed: 0 additions & 10 deletions
This file was deleted.

‎resources/css/app.scss‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
@import 'bootstrap/scss/bootstrap';
2+
3+
$bootstrap-icons-font-dir: 'bootstrap-icons/font/fonts/';
4+
@import 'bootstrap-icons/font/bootstrap-icons.scss';
5+
6+
body {
7+
padding-bottom: 3rem;
8+
}
9+
10+
.feature-icon {
11+
width: 4rem;
12+
height: 4rem;
13+
border-radius: .75rem;
14+
}
15+
16+
.icon-square {
17+
width: 3rem;
18+
height: 3rem;
19+
border-radius: .75rem;
20+
}
21+
22+
.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
23+
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
24+
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
25+
26+
.card-cover {
27+
background-repeat: no-repeat;
28+
background-position: center center;
29+
background-size: cover;
30+
}
31+
32+
.feature-icon-small {
33+
width: 3rem;
34+
height: 3rem;
35+
}

‎resources/favicon.ico‎

Whitespace-only changes.

‎resources/js/app.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,2 @@
1-
console.log('Hello World')
1+
// Import all of Bootstrap's JS
2+
import * as bootstrap from 'bootstrap'

‎resources/views/components/layouts/app.edge‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!DOCTYPE html>
2+
<html lang="en" x-data>
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1" />
6+
<title>{{ title ? `${title} - Endotracker` : 'Endotracker' }}</title>
7+
8+
@vite(['resources/css/app.scss', 'resources/js/app.js'])
9+
</head>
10+
<body>
11+
<nav class="navbar navbar-expand-md navbar-dark bg-dark mb-4">
12+
<div class="container-fluid">
13+
<a class="navbar-brand" href="#">Endotracker</a>
14+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
15+
<span class="navbar-toggler-icon"></span>
16+
</button>
17+
<div class="collapse navbar-collapse" id="navbarCollapse">
18+
<ul class="navbar-nav me-auto mb-2 mb-md-0">
19+
<li class="nav-item">
20+
<a class="nav-link active" aria-current="page" href="{{route('home')}}">Dashboard</a>
21+
</li>
22+
<li class="nav-item">
23+
<a class="nav-link disabled" aria-disabled="true" href="#">Reports</a>
24+
</li>
25+
<li class="nav-item">
26+
<a class="nav-link" href="{{route('settings.index')}}">Settings</a>
27+
</li>
28+
</ul>
29+
</div>
30+
</div>
31+
</nav>
32+
<main class="container">
33+
@flashMessage('notification')
34+
<div class="notification {{ $message.type }}">
35+
{{ $message.message }}
36+
</div>
37+
@end
38+
39+
{{{ await $slots.main() }}}
40+
</main>
41+
</body>
42+
</html>

‎resources/views/home.edge‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@layouts.app()
2+
@slot('main')
3+
<h1 class="fw-bold pb-2">Dashboard</h1>
4+
<p class="lead">There will be some dashboards here eventually!</p>
5+
@endslot
6+
@end

0 commit comments

Comments
 (0)