Skip to content

Solution Darío Gómez and Agustín García #53

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

Solution Darío Gómez and Agustín García #53

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
1ae08f8
feat(folders): created folders and files html, js and css
dariogmzfdz May 12, 2022
fd4ca13
feat(bootstrap): installed bootstrap
dariogmzfdz May 12, 2022
7e5f4f6
feat(bootstrap): added bootstrap
dariogmzfdz May 12, 2022
1031df2
added jquery and loadPost function
dariogmzfdz May 12, 2022
99da65f
added jquery and loadPost function
dariogmzfdz May 12, 2022
328585c
feat(fetch): added the fecth function
dariogmzfdz May 13, 2022
38661f0
feat(posts): added the posts with a dinamic id
dariogmzfdz May 13, 2022
ea3e37b
feat(columns): posts split into columns
dariogmzfdz May 13, 2022
6ab857c
feat(modal): started the modal html
dariogmzfdz May 14, 2022
aeaefd9
feat(observer): added the intersection observer for the infinite scroll
dariogmzfdz May 16, 2022
fc2ac50
feat(scroll): added the infinite scroll
dariogmzfdz May 16, 2022
d1bdedc
feat(images): added images to the posts
dariogmzfdz May 16, 2022
59cafe9
deleted search bar
dariogmzfdz May 16, 2022
e24d520
feat(modal):create modal without text
agustingar May 16, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
61 changes: 61 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!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>Blog with API</title>
<link rel="stylesheet" href="/src/css/main.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="src/js/main.js" defer></script>
</head>

<body>
<header class="container-fluid border-bottom fixed-top bg-grey">
<nav class="navbar navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="https://cdn-icons-png.flaticon.com/512/103/103093.png" alt="" width="50" height="50"
class="d-inline-block align-text-center">
Blog with API
</a>

</div>
</nav>
</header>
<section class="text-center container-fluid mt-5 mb-1">
<article class="col col position-relative bg-grey" style="height: 150px">
<h1 class="align-bottom m-auto position-absolute top-50 start-50 translate-middle">
Blog with API
</h1>
</article>
</section>
<section class="container-fluid">
<div id="postContainer" class="post-container row row-cols-1 row-cols-md-2 row-cols-xl-3 p-5 g-5 ">

</div>
<div id="lastDiv">ㅤ</div>
<br>
</section>
<section id="postModal" class="postModal">
<button class="close-modal" id="closeModal" aria-label="close modal" data-close>X</button>
<div class="modal-dialog modal-dialog-centered">

<div class="modal-body" id="modal-post-body">
<div id="post-body" class="mb-3"></div>
<div id="user-name" class="fw-bold"></div>
<div id="email-user" class="fst-italic"></div>
</div>
<footer class="modal-footer">...</footer>
</div>
</section>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
</body>

</html>
34 changes: 34 additions & 0 deletions node_modules/.package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

20 changes: 20 additions & 0 deletions node_modules/@popperjs/core/LICENSE.md
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading