Repos/new-moon-dessert-bar
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

aesthetic changes

Browse Source
This commit is contained in:
CodeServer 2021-07-12 20:10:04 +01:00
parent 5d95e0a0b4
commit 6273aaba39
8 changed files with 34 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
index.html
View File

@ -141,7 +141,7 @@
<div class="sectionSource" id="index-sectionSource"> <div class="sectionSource" id="index-sectionSource">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<h2>Image Source</h2> <h1>Image Source</h1>
</div> </div>
</div> </div>
<p> <p>
@ -184,7 +184,7 @@
<div class="sectionDocumentation" id="index-sectionDocumentation"> <div class="sectionDocumentation" id="index-sectionDocumentation">
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">
<h2>Instruction</h2> <h1>Instruction</h1>
</div> </div>
</div> </div>
<p> This is the webpage of a dessert bar.<br> <p> This is the webpage of a dessert bar.<br>
@ -192,16 +192,6 @@
There is a login button in the upper right corner of the page. On the login page, if you do not have an account, you should register an account.<br> There is a login button in the upper right corner of the page. On the login page, if you do not have an account, you should register an account.<br>
After logging in, you can click on one of the pictures of desserts, and then select the quantity you want.<br> After logging in, you can click on one of the pictures of desserts, and then select the quantity you want.<br>
Unfortunately, I don’t have enough time to complete all the functions of the shopping cart. This website can only display the products that the user has just added.</p> Unfortunately, I don’t have enough time to complete all the functions of the shopping cart. This website can only display the products that the user has just added.</p>
<h2>Screenshots of validation</h2>
<img src="img/1.png" width="800px" height="500px">
<img src="img/2.png" width="800px" height="500px">
<img src="img/3.png" width="800px" height="500px">
<img src="img/4.png" width="800px" height="500px">
<img src="img/5.png" width="800px" height="500px">
<img src="img/6.png" width="800px" height="500px">
<img src="img/7.png" width="800px" height="500px">
</div>
<div class="row"> <div class="row">
<div class="col-sm-12"> <div class="col-sm-12">

2
style/_variables.sass
View File

@ -2,7 +2,7 @@ $font-mukta-malar: "Mukta Malar"
$font-ink-free: "Ink Free" $font-ink-free: "Ink Free"
$font-slabo: "Slabo" $font-slabo: "Slabo"
$navbar-text-color: OliveDrab $navbar-text-color: DarkOliveGreen
$navbar-text-color-hover: white $navbar-text-color-hover: white
$navbar-text-color-active: Beige $navbar-text-color-active: Beige

1
style/modules/_navbar.sass
View File

@ -8,6 +8,7 @@
color: $navbar-text-color color: $navbar-text-color
text-align: left text-align: left
text-shadow: 1px 1.2px 2px GhostWhite text-shadow: 1px 1.2px 2px GhostWhite
font-weight: bold
// margin: auto // margin: auto
// padding: 8px // padding: 8px
// float: left // float: left

5
style/modules/_sectionDocumentation.sass
View File

@ -1,9 +1,10 @@
.sectionDocumentation .sectionDocumentation
margin-top: 3% margin-top: 3%
text-align: center text-align: center
h2 h1
margin-top: 5% margin-top: 5%
color: OliveDrab color: DarkOliveGreen
text-shadow: 1px 1.2px 2px grey
img img
margin: auto margin: auto
padding: 10px padding: 10px

4
style/modules/_sectionMenu.sass
View File

@ -11,9 +11,11 @@
h1 h1
margin-top: 5% margin-top: 5%
text-align: center text-align: center
color: OliveDrab color: DarkOliveGreen
text-shadow: 1px 1.2px 2px grey
h3 h3
text-align: center text-align: center
color: OliveDrab color: OliveDrab
font-family: "URW Chancery L", cursive

7
style/modules/_sectionSource.sass
View File

@ -1,5 +1,10 @@
.sectionSource .sectionSource
text-align: center text-align: center
h2 h1
margin-top: 3% margin-top: 3%
color: DarkOliveGreen
text-shadow: 1px 1.2px 2px grey
h4
text-align: center
color: OliveDrab color: OliveDrab
font-family: "URW Chancery L", cursive

23
style/style.css
View File

@ -175,15 +175,16 @@ video {
} }
.navbar .dropdownicon { .navbar .dropdownicon {
color: OliveDrab; color: DarkOliveGreen;
} }
.navbar a { .navbar a {
font-size: 1.7rem; font-size: 1.7rem;
border: 1px; border: 1px;
color: OliveDrab; color: DarkOliveGreen;
text-align: left; text-align: left;
text-shadow: 1px 1.2px 2px GhostWhite; text-shadow: 1px 1.2px 2px GhostWhite;
font-weight: bold;
} }
.navbar a:hover { .navbar a:hover {
@ -250,21 +251,30 @@ video {
.sectionMenu h1 { .sectionMenu h1 {
margin-top: 5%; margin-top: 5%;
text-align: center; text-align: center;
color: OliveDrab; color: DarkOliveGreen;
text-shadow: 1px 1.2px 2px grey;
} }
.sectionMenu h3 { .sectionMenu h3 {
text-align: center; text-align: center;
color: OliveDrab; color: OliveDrab;
font-family: "URW Chancery L", cursive;
} }
.sectionSource { .sectionSource {
text-align: center; text-align: center;
} }
.sectionSource h2 { .sectionSource h1 {
margin-top: 3%; margin-top: 3%;
color: DarkOliveGreen;
text-shadow: 1px 1.2px 2px grey;
}
.sectionSource h4 {
text-align: center;
color: OliveDrab; color: OliveDrab;
font-family: "URW Chancery L", cursive;
} }
.sectionDocumentation { .sectionDocumentation {
@ -272,9 +282,10 @@ video {
text-align: center; text-align: center;
} }
.sectionDocumentation h2 { .sectionDocumentation h1 {
margin-top: 5%; margin-top: 5%;
color: OliveDrab; color: DarkOliveGreen;
text-shadow: 1px 1.2px 2px grey;
} }
.sectionDocumentation img { .sectionDocumentation img {

2
style/style.css.map
View File

File diff suppressed because one or more lines are too long