Skip to content

Css frameworks resit #281

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Voidwaker wants to merge 87 commits into
base: main
Choose a base branch
from
Open

Css frameworks resit #281

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
87 commits
Select commit Hold shift + click to select a range
85417c1
Create index.html
Voidwaker Mar 23, 2024
cc9ec0c
bootstrap up and running
Voidwaker Mar 23, 2024
e73e5c4
added nav bar and some of the login on the homepage
Voidwaker Mar 24, 2024
fe3759f
added all the pages and just some small html
Voidwaker Mar 24, 2024
6f5f94a
added marin to the content
Voidwaker Mar 24, 2024
34a0263
Update index.html
Voidwaker Mar 24, 2024
7ebea2c
html
Voidwaker Mar 24, 2024
d0182b8
sass
Voidwaker Mar 24, 2024
bb9e828
Update index.html
Voidwaker Mar 24, 2024
21bff20
forgot to add a</div>
Voidwaker Mar 24, 2024
f7eb7c3
Update index.html
Voidwaker Mar 25, 2024
2ac0c88
html
Voidwaker Mar 25, 2024
ad9fc71
adding custom colours and fonts to h1 and h1
Voidwaker Apr 2, 2024
2ef8bbc
information
Voidwaker Apr 2, 2024
a9481c6
Update package.json
Voidwaker Apr 2, 2024
eb9def8
added comments, and profile details
Voidwaker Apr 3, 2024
b7fec36
updated nav bar
Voidwaker Apr 3, 2024
c152c9d
got my scss file to work.
Voidwaker Apr 3, 2024
dd1dacc
trying to add custom color
Voidwaker Apr 3, 2024
7bc2668
alignment and scss
Voidwaker Apr 3, 2024
e4f808b
profile page col-10 etc
Voidwaker Apr 3, 2024
e9720d2
Update index.html
Voidwaker Apr 3, 2024
804c505
custom buttons
Voidwaker Apr 3, 2024
3376605
added nav bar and posts to the feed page
Voidwaker Apr 4, 2024
ecbafc7
Update index.html
Voidwaker Apr 4, 2024
072a695
Update index.html
Voidwaker Apr 4, 2024
9f925e5
trying to get custm button to work
Voidwaker Apr 4, 2024
cad1710
custom button trouble
Voidwaker Apr 4, 2024
5b0f2bb
still problems with custom buittons
Voidwaker Apr 4, 2024
c9b292f
scss not workign propparly
Voidwaker Apr 4, 2024
0e66b58
bullshit
Voidwaker Apr 4, 2024
1762614
no idea how, but it woeked.
Voidwaker Apr 4, 2024
d122829
Update index.html
Voidwaker Apr 4, 2024
a7e88b5
Update index.html
Voidwaker Apr 4, 2024
ecfde14
Update index.html
Voidwaker Apr 4, 2024
154d9b5
custom copulors on text
Voidwaker Apr 4, 2024
e81e41b
njkoløfd
Voidwaker Apr 4, 2024
a6792cd
Update index.html
Voidwaker Apr 4, 2024
badfad5
Update index.html
Voidwaker Apr 5, 2024
01756f6
custom green
Voidwaker Apr 5, 2024
1b3069a
still problems with sass and customize things
Voidwaker Apr 5, 2024
8971254
still no luck with the custom colors
Voidwaker Apr 5, 2024
69105a7
Update package-lock.json
Voidwaker Apr 5, 2024
5aa8f5a
tying to get this to work
Voidwaker Apr 5, 2024
2b162db
still truyig toi fuguyre oyt why iots not workiugn
Voidwaker Apr 5, 2024
33693b7
im going to get mental problems over this
Voidwaker Apr 5, 2024
1707e4f
fuyck this shit
Voidwaker Apr 5, 2024
8df0084
Update _variables.scss
Voidwaker Apr 5, 2024
3e4ee9c
Update index.html
Voidwaker Apr 5, 2024
a2df904
think its fixed now i have noe idea but i think its fixed
Voidwaker Apr 5, 2024
bce0a37
Update index.html
Voidwaker Apr 5, 2024
fe46c92
not workig (custotext-green)
Voidwaker Apr 5, 2024
33cbbab
think maby its fixed now, but not sure
Voidwaker Apr 5, 2024
8d1db5c
text-green (custom text color to match buttons
Voidwaker Apr 5, 2024
5dc4890
Update index.html
Voidwaker Apr 5, 2024
d1dbadd
text-green and text-blue
Voidwaker Apr 5, 2024
117f582
Update index.html
Voidwaker Apr 5, 2024
9f389f0
Update index.html
Voidwaker Apr 5, 2024
77faf86
custom font-family
Voidwaker Apr 7, 2024
fcd3485
Update index.html
Voidwaker Apr 7, 2024
972f211
Update index.html
Voidwaker Apr 7, 2024
c34302f
Update index.html
Voidwaker Apr 7, 2024
e64ba35
Update index.html
Voidwaker Apr 7, 2024
1de3247
some last minute alignment
Voidwaker Apr 7, 2024
57e084b
Update index.html
Voidwaker Apr 7, 2024
a29ee5f
had forgot to switch from norwegian to english
Voidwaker Apr 10, 2024
9ad4447
removed <link rel=stylesheet
Voidwaker Apr 11, 2024
52ef317
removed <lin rel=
Voidwaker Apr 11, 2024
3c6da6e
Update index.html
Voidwaker Apr 11, 2024
ab53cb9
added custom follow button
Voidwaker Apr 11, 2024
b0d3a8e
fixing horisontal scrollbar
Voidwaker Apr 11, 2024
ff7387e
Update index.html
Voidwaker Apr 11, 2024
8309d39
form validation
Voidwaker Apr 11, 2024
41d7765
Update index.html
Voidwaker Apr 11, 2024
2ef64ac
Update index.html
Voidwaker Apr 11, 2024
b255797
Update index.html
Voidwaker Apr 11, 2024
4aa6fe6
Update index.html
Voidwaker Apr 11, 2024
78d2289
Update index.html
Voidwaker Apr 11, 2024
4539ecd
Update index.html
Voidwaker Apr 11, 2024
c63a4d4
deleted index.css and index.map.css files
Voidwaker Apr 12, 2024
aef60f8
remove dist/css from tracking
Voidwaker Apr 15, 2024
0c06482
removed a button
Voidwaker Apr 16, 2024
204a782
trying to fix 405 error
Voidwaker Apr 16, 2024
40bf06a
Update index.html
Voidwaker Apr 16, 2024
26e343f
dev independencies
Voidwaker Apr 16, 2024
db68456
live-server
Voidwaker Apr 19, 2024
e458555
Update index.html
Voidwaker Apr 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
node_modules/
.DS_Store
dist/
dist/
129 changes: 129 additions & 0 deletions feed/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Feed</title>
<link rel="stylesheet" href="/dist/css/index.css">
<script defer src="/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="bg-dark">
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="/">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/profile">Profil</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="/feed/index.html">Feed</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="container mt-4">
<h1 class="fst-italic fw-bold text-center">Feed</h1>
<div class="card border-dark mb-3 mx-auto">
<div class="card-body">
<h5 class="card-title mb-3 text-green text-center">Create New Post</h5>
<form>
<div class="mb-3">
<label for="postContent" class="form-label text-green">Content</label>
<textarea class="form-control text-green" id="postContent" rows="3" placeholder="What's on your mind?"></textarea>
</div>
<div class="mb-3">
<label for="postImage" class="form-label text-blue">Add a picture (optional)</label>
<input type="file" class="form-control" id="postImage" accept="image/*">
</div>
<div class="d-flex justify-content-center">
<button type="submit" class="btn btn-custom">Publish Post</button>
</div>
</form>
</div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="col-md-8">
<input type="text" class="form-control text-green" placeholder="Search for posts...">
</div>
</div>
<div class="d-flex justify-content-center mb-3">
<div class="col-md-6 col-lg-4">
<select class="form-control text-green">
<option>Newest</option>
<option>Oldest</option>
<option>Most Popular</option>
</select>
</div>
</div>
</section>
<section>
<div class="card border-dark col-10 mb-1 mx-auto">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="img-fluid rounded-circle" alt="Profile picture">
<p class="mb-0 ms-2 text-green">Voidwaker</p>
</div>
<small class="text-blue">10 hours ago</small>
</div>
<p class="card-text mt-3 text-green">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="card border-dark col-10 mb-1 mx-auto">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="img-fluid rounded-circle" alt="Profile picture">
<p class="mb-0 ms-2 text-green">Voidwaker</p>
</div>
<small class="text-blue">10 hours ago</small>
</div>
<p class="card-text mt-3 text-green">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="card border-dark col-10 mb-1 mx-auto">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="img-fluid rounded-circle" alt="Profile picture">
<p class="mb-0 ms-2 text-green">Voidwaker</p>
</div>
<small class="text-blue">10 hours ago</small>
</div>
<p class="card-text mt-3 text-green">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="card border-dark col-10 mb-1 mx-auto">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="img-fluid rounded-circle" alt="Profile picture">
<p class="mb-0 ms-2 text-green">Voidwaker</p>
</div>
<small class="text-blue">10 hours ago</small>
</div>
<p class="card-text mt-3 text-green">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
<div class="card border-dark col-10 mb-1 mx-auto">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center mb-3">
<div class="d-flex align-items-center">
<img src="https://via.placeholder.com/50" class="img-fluid rounded-circle" alt="Profile picture">
<p class="mb-0 ms-2 text-green">Voidwaker</p>
</div>
<small class="text-blue">10 hours ago</small>
</div>
<p class="card-text mt-3 text-green">Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
</div>
</div>
</section>
</body>
</html>
49 changes: 49 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login/Registrer</title>
<link rel="stylesheet" href="dist/css/index.css">
<script defer src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body class="bg-dark">
<header class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="/">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/profile">Profil</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/feed/index.html">Feed</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/index.html">Logout</a>
</ul>
</div>
</div>
</nav>
</header>
<div class="container-sm col-6 mt-5">
<h2 class="text-center">Logg Inn / Registrer</h2>
<form action="/profile" method="get">
<div class="mb-3">
<label for="email" class="form-label text-blue">E-post</label>
<input type="email" class="form-control text-green" id="email" name="email" placeholder="Email@example.com" required aria-required="true"></input>
</div>
<div class="mb-3">
<label for="password" class="form-label text-blue">Passord</label>
<input type="password " class="form-control text-green" id="password" name="password" placeholder="password" required minlength="8" aria-required="true"></input>
</div>
<div class="d-flex justify-content-center">
<button type="submit" class="btn btn-custom">Logg Inn / Registrer</button>
</div>
</div>
</body>
</html>
Loading