Skip to content

CSS Bayan #1

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

CSS Bayan #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
40cecbd
init: start cssBayan-task (Fri, Mar 10, 2023 19:39:30 PM)
rosliqisha Mar 10, 2023
bad2221
feat: add normalize.css file (Fri, Mar 10, 2023 20:34:40 PM)
rosliqisha Mar 10, 2023
f662657
feat: add basic page layout (Fri, Mar 10, 2023 21:02:56 PM)
rosliqisha Mar 10, 2023
6aa0a9b
feat: add meme images (Fri, Mar 10, 2023 21:24:34 PM)
rosliqisha Mar 10, 2023
57d3a0c
feat: add meme open on click (Fri, Mar 10, 2023 21:55:21 PM)
rosliqisha Mar 10, 2023
297e6b0
feat: add meme combine open (Fri, Mar 10, 2023 22:12:37 PM)
rosliqisha Mar 10, 2023
5272e60
fix: first meme expand on page refresh (Fri, Mar 10, 2023 22:55:21 PM)
rosliqisha Mar 10, 2023
df2add6
fix: edit accordion titles and click responses (Sun, Mar 12, 2023 21:…
rosliqisha Mar 12, 2023
0419b3a
fix: edit fonts and add borders for titles (Mon, Mar 13, 2023 00:05:4…
rosliqisha Mar 12, 2023
fc12af5
fix: edit text-align (Mon, Mar 13, 2023 00:17:31 PM)
rosliqisha Mar 12, 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
Binary file added cssBayan/assets/meme1.jpeg
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.
Binary file added cssBayan/assets/meme2.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.
Binary file added cssBayan/assets/meme3.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.
Binary file added cssBayan/assets/meme4.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.
Binary file added cssBayan/assets/meme5.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.
68 changes: 68 additions & 0 deletions cssBayan/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Bayan</title>
<link rel="stylesheet" href="./normalize.css">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<main class="main">
<h1 class="title">CSS Bayan</h1>
<div class="memes_row">

<label class="meme">
<input class="active" type="radio" name="active_meme" checked>
<div class="marker"></div>
<h2 class="meme_name">I'm not that</h2>
<div class="meme_inner">
<img src="./assets/meme1.jpeg" alt="meme1" class="meme_image">
</div>
<div class="marker"></div>
</label>

<label class="meme">
<input class="active" type="radio" name="active_meme">
<h2 class="meme_name">person who</h2>

<div class="meme_inner">
<img src="./assets/meme2.jpg" alt="meme2" class="meme_image">
</div>
<div class="marker"></div>
</label>

<label class="meme">
<input class="active" type="radio" name="active_meme">
<h2 class="meme_name">can make</h2>

<div class="meme_inner">
<img src="./assets/meme3.jpg" alt="meme3" class="meme_image" width="450" height="250">
</div>
<div class="marker"></div>
</label>

<label class="meme">
<input class="active" type="radio" name="active_meme">
<h2 class="meme_name">some funny</h2>

<div class="meme_inner">
<img src="./assets/meme4.jpg" alt="meme4" class="meme_image">
</div>
<div class="marker"></div>
</label>

<label class="meme">
<input class="active" type="radio" name="active_meme">
<h2 class="meme_name">memes, sorry.</h2>

<div class="meme_inner">
<img src="./assets/meme5.jpg" alt="meme5" class="meme_image">
</div>
</label>
</div>
</main>

</body>
</html>
Loading