Skip to content

Commit

Permalink
css
Browse files Browse the repository at this point in the history
  • Loading branch information
@RasperRevision
RasperRevision committed Apr 7, 2024
1 parent d2cf581 commit 183155a
Show file tree
Hide file tree
Showing 9 changed files with 363 additions and 345 deletions.
122 changes: 63 additions & 59 deletions about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,11 +24,15 @@

<!-- STYLES -->
<link href="/style.css" rel="stylesheet">

<style>
body {
height: 100vh;
}
</style>
</head>

<body class="bg-dark">
<section class="container mt-5 text-white">
<body>
<section class="container mt-5">
<h1>Rasper Revision</h1>
<h5>Free revision resources and games for GCSE students and teachers</h5>

Expand All @@ -37,9 +41,9 @@ <h5>Free revision resources and games for GCSE students and teachers</h5>
We currently have the following subjects available (click to expand):

<div class="my-3" id="accordionExample">
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button collapsed text-white bg-dark" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne"
style="text-decoration: underline;">
Computer Science
Expand All @@ -61,9 +65,9 @@ <h2 class="accordion-header" id="headingOne">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingTwo">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"
style="text-decoration: underline;">
English Literature
Expand All @@ -82,9 +86,9 @@ <h2 class="accordion-header" id="headingTwo">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingThree">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"
style="text-decoration: underline;">
Music
Expand All @@ -104,9 +108,9 @@ <h2 class="accordion-header" id="headingThree">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingFour">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour"
style="text-decoration: underline;">
German
Expand All @@ -124,9 +128,9 @@ <h2 class="accordion-header" id="headingFour">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingFive">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive"
style="text-decoration: underline;">
History
Expand All @@ -144,9 +148,9 @@ <h2 class="accordion-header" id="headingFive">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix"
style="text-decoration: underline;">
Physics
Expand All @@ -164,9 +168,9 @@ <h2 class="accordion-header" id="headingSix">
</div>
</div>
</div>
<div class="accordion-item bg-dark text-white p-3" style="border: 0;">
<div class="accordion-item p-3" style="border: 0;">
<h2 class="accordion-header" id="headingSix">
<button class="accordion-button collapsed bg-dark text-white" type="button" data-bs-toggle="collapse"
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseSeven" aria-expanded="false" aria-controls="collapseSeven"
style="text-decoration: underline;">
Chemistry
Expand All @@ -190,74 +194,74 @@ <h2 class="accordion-header" id="headingSix">
<table class="table">
<thead>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white"></th>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Matchup</th>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Quiz</th>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Fill in the blank</th>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Equation Game</th>
<th style="background-color: rgb(0, 0, 0, 0);"></th>
<th style="background-color: rgb(0, 0, 0, 0);">Matchup</th>
<th style="background-color: rgb(0, 0, 0, 0);">Quiz</th>
<th style="background-color: rgb(0, 0, 0, 0);">Fill in the blank</th>
<th style="background-color: rgb(0, 0, 0, 0);">Equation Game</th>
</tr>
</thead>
<tbody>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Computer Science</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">Computer Science</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">English Literature</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">English Literature</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Music</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">Music</th>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">German</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">German</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">History</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">History</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Physics</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<th style="background-color: rgb(0, 0, 0, 0);">Physics</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
</tr>
<tr>
<th style="background-color: rgb(0, 0, 0, 0);" class="text-white">Chemistry</th>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<td style="background-color: rgb(0, 0, 0, 0);" class="text-white">X</td>
<th style="background-color: rgb(0, 0, 0, 0);">Chemistry</th>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">✓</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
<td style="background-color: rgb(0, 0, 0, 0);">X</td>
</tr>
</tbody>
</table>

<!-- INSERT DESCRIPTION HERE -->

<div class="container">
<footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top">
<footer class="flex row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top">
<div class="col mb-3">
<h4>Rasper Revision</h4>
<p>Copyright © 2024</p>
<a class="text-white" href="https://github.com/RasperRevision/RasperRevision.github.io">
<a href="https://github.com/RasperRevision/RasperRevision.github.io">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github"
viewBox="0 0 16 16">
<path
Expand Down
44 changes: 22 additions & 22 deletions create/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,38 +35,38 @@
</style>
</head>

<body class="bg-dark">
<main class="container text-white mt-5">
<body>
<main class="container mt-5">
<h1>Create</h1>
<p>Create a JSON file, which in the near future you will be able to upload to use with our activities.

<div class="list-group">
<div class="list-group-item" style="background-color: rgb(224, 224, 224);">
<div class="input-group my-1">
<input type="text" class="form-control" placeholder="Title" id="title">
<input type="text" class="form-control" placeholder="Title" id="title" style="color: black !important;">
</div>
</div>
<div class="list-group-item bg-light">
<div class="input-group mb-2">
<span class="input-group-text">Term</span>
<input type="text" class="form-control">
<span class="input-group-text" style="color: black !important;">Term</span>
<input type="text" class="form-control" style="color: black !important;">
</div>
<div class="input-group my-3">
<span class="input-group-text">Definition</span>
<textarea class="form-control"></textarea>
<span class="input-group-text" style="color: black !important;">Definition</span>
<textarea class="form-control" style="color: black !important;"></textarea>
</div>
<button class="btn btn-danger delete-item">
<i class="bi bi-trash3-fill"></i> Delete
</button>
</div>
<div class="list-group-item bg-light">
<div class="input-group mb-2">
<span class="input-group-text">Term</span>
<input type="text" class="form-control">
<span class="input-group-text" style="color: black !important;">Term</span>
<input type="text" class="form-control" style="color: black !important;">
</div>
<div class="input-group my-3">
<span class="input-group-text">Definition</span>
<textarea class="form-control"></textarea>
<span class="input-group-text" style="color: black !important;">Definition</span>
<textarea class="form-control" style="color: black !important;"></textarea>
</div>
<button class="btn btn-danger delete-item">
<i class="bi bi-trash3-fill"></i> Delete
Expand All @@ -75,12 +75,12 @@ <h1>Create</h1>

<div class="list-group-item bg-light">
<div class="input-group mb-2">
<span class="input-group-text">Term</span>
<input type="text" class="form-control">
<span class="input-group-text" style="color: black !important;">Term</span>
<input type="text" class="form-control" style="color: black !important;">
</div>
<div class="input-group my-3">
<span class="input-group-text">Definition</span>
<textarea class="form-control"></textarea>
<span class="input-group-text" style="color: black !important;">Definition</span>
<textarea class="form-control" style="color: black !important;"></textarea>
</div>
<button class="btn btn-danger delete-item">
<i class="bi bi-trash3-fill"></i> Delete
Expand All @@ -94,11 +94,11 @@ <h1>Create</h1>
</main>

<div class="container">
<footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top text-white">
<footer class="row row-cols-1 row-cols-sm-2 row-cols-md-5 py-5 my-5 border-top">
<div class="col mb-3">
<h4>Rasper Revision</h4>
<p>Copyright © 2024</p>
<a class="text-white" href="https://github.com/RasperRevision/RasperRevision.github.io">
<a href="https://github.com/RasperRevision/RasperRevision.github.io">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-github"
viewBox="0 0 16 16">
<path
Expand Down Expand Up @@ -167,12 +167,12 @@ <h5>Useful links</h5>
listItem.classList.add('list-group-item', 'bg-light');
listItem.innerHTML = `
<div class="input-group mb-2">
<span class="input-group-text">Term</span>
<input type="text" class="form-control">
<span class="input-group-text" style="color: black !important;">Term</span>
<input type="text" class="form-control" style="color: black !important;">
</div>
<div class="input-group my-3">
<span class="input-group-text">Definition</span>
<textarea class="form-control"></textarea>
<span class="input-group-text" style="color: black !important;">Definition</span>
<textarea class="form-control" style="color: black !important;"></textarea>
</div>
<button class="btn btn-danger delete-item">
<i class="bi bi-trash3-fill"></i> Delete
Expand Down Expand Up @@ -271,4 +271,4 @@ <h5>Useful links</h5>

</body>

</html>
</html>
Loading

0 comments on commit 183155a

Please sign in to comment.