Skip to content

Added some good changes #130

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
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

Added some good changes #130

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9a1da32
Add some good changes
SatapasT Oct 20, 2023
1dd23c2
made the text for the button bold
SatapasT Nov 10, 2023
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 dom_manipulation/button.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head><title>JavaScript Button Example</title></head>

<body>
<button id='squeeze'>Squeeze me</button>
<button id='squeeze'><b>Squeeze me</b></button>

<script>
let button = document.getElementById("squeeze");
Expand Down
Binary file added html_css/goat.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
39 changes: 30 additions & 9 deletions html_css/styling-lists.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,22 @@
font-size: 10px;
}

img{
max-width: 50%;
max-height: 50%
}

h2 {
font-size: 2rem;
font-size: 3rem;
font-family: 'Brush Script MT', cursive;
text-decoration: underline;
text-align: center;
color: rgb(212, 10, 10);
}

ul,ol,dl,p {
font-size: 1.5rem;
font-family: Georgia, serif;
}

li, p {
Expand Down Expand Up @@ -55,12 +65,19 @@
font-weight: bold;
}

.center {
text-align: center;
border: 3px solid rgb(240, 18, 140);
}

</style>
</head>
<body>
<h2>Shopping (unordered) list</h2>

<p>Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p>
<h2><b>Shopping (unordered) list</b></h2>

<div class ="center">
<p><b> DO NOT FORGET TO BUY NEXT TIME YOU GO SHOPPING YOU DUMB WIT </b></p>
</div>

<ul>
<li>Humous</li>
Expand All @@ -71,8 +88,10 @@ <h2>Shopping (unordered) list</h2>

<h2>Recipe (ordered) list</h2>

<p>Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p>

<div class ="center">
<p><b> HOW TO COOK IT! </b></p>
</div>

<ol start="4">
<li>Toast pitta, leave to cool, then slice down the edge.</li>
<li>Fry the halloumi in a shallow, non-stick pan, until browned on both sides.</li>
Expand All @@ -81,16 +100,18 @@ <h2>Recipe (ordered) list</h2>
</ol>

<h2>Ingredient description list</h2>

<p>Paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference, paragraph for reference.</p>

<div class ="center">
<p><b> THE LIST OF ITEM NEEDED TO CRAFT THIS RECIPE </b></p>
</div>

<dl>
<dt>Humous</dt>
<dd>A thick dip/sauce generally made from chick peas blended with tahini, lemon juice, salt, garlic, and other ingredients.</dd>
<dt>Pitta</dt>
<dd>A soft, slightly leavened flatbread.</dd>
<dt>Halloumi</dt>
<dd>A semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk.</dd>
<dd>A semi-hard, unripened, brined cheese with a higher-than-usual melting point, usually made from goat/sheep milk. <div class="img""><img src="goat.jpg" alt="Italian Trulli"></div></dd>
<dt>Green salad</dt>
<dd>That green healthy stuff that many of us just use to garnish kebabs.</dd>
</dl>
Expand Down