Skip to content

Solution: Garikoitz herrero & Gonzalo Cachón #39

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

Solution: Garikoitz herrero & Gonzalo Cachón #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
15 commits
Select commit Hold shift + click to select a range
8c95fa6
initial structure
gcachonc Dec 1, 2021
36d17c2
sass
gcachonc Dec 1, 2021
da15e95
closing day 1
GariHV Dec 1, 2021
c7b76cd
layout update
GariHV Dec 2, 2021
5112713
implement all posts
gcachonc Dec 2, 2021
88f7f4f
check comments functionality
GariHV Dec 2, 2021
97aec0b
enter input values comments
gcachonc Dec 2, 2021
52239d2
function new comment
GariHV Dec 2, 2021
be2027e
accordion styles
gcachonc Dec 3, 2021
0197a5e
buttom comments styles
gcachonc Dec 3, 2021
643a062
last update
GariHV Dec 3, 2021
a58bfda
last update
GariHV Dec 9, 2021
8897f15
modal created
GariHV Dec 9, 2021
8e0344b
end
GariHV Dec 9, 2021
a138eaa
the end
GariHV Dec 9, 2021
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
  •  
  •  
  •  
The diff you're trying to view is too large. We only load the first 3000 changed files.
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
150 changes: 150 additions & 0 deletions assets/CSS/blog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,150 @@
/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
line-height: 1;
border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
font-family: "Playfair Display", Georgia, "Times New Roman", serif
/*rtl:Amiri, Georgia, "Times New Roman", serif*/
;
font-size: 2.25rem;
}

.blog-header-logo:hover {
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Playfair Display", Georgia, "Times New Roman", serif
/*rtl:Amiri, Georgia, "Times New Roman", serif*/
;
}

.display-4 {
font-size: 2.5rem;
}

@media (min-width: 768px) {
.display-4 {
font-size: 3rem;
}
}

.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}

.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
}

.card-img-right {
height: 100%;
border-radius: 0 3px 3px 0;
}

.flex-auto {
flex: 0 0 auto;
}

.h-250 {
height: 250px;
}

@media (min-width: 768px) {
.h-md-250 {
height: 250px;
}
}

/* Pagination */
.blog-pagination {
margin-bottom: 4rem;
}

.blog-pagination>.btn {
border-radius: 2rem;
}

/*
* Blog posts
*/
.blog-post {
margin-bottom: 4rem;
}

.blog-post-title {
margin-bottom: .25rem;
font-size: 2.5rem;
}

.blog-post-meta {
margin-bottom: 1.25rem;
color: #727272;
}

/*
* Footer
*/
.blog-footer {
padding: 2.5rem 0;
color: #727272;
text-align: center;
background-color: #f9f9f9;
border-top: .05rem solid #e5e5e5;
}

.blog-footer p:last-child {
margin-bottom: 0;
}


/* POSTS BODY */

.accordion {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
}

.active,
.accordion:hover {
background-color: #ccc;
}

.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
103 changes: 103 additions & 0 deletions assets/CSS/blog.rtl.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
/* stylelint-disable selector-list-comma-newline-after */

.blog-header {
line-height: 1;
border-bottom: 1px solid #e5e5e5;
}

.blog-header-logo {
font-family: Amiri, Georgia, "Times New Roman", serif;
font-size: 2.25rem;
}

.blog-header-logo:hover {
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
font-family: Amiri, Georgia, "Times New Roman", serif;
}

.display-4 {
font-size: 2.5rem;
}
@media (min-width: 768px) {
.display-4 {
font-size: 3rem;
}
}

.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}

.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

.nav-scroller .nav-link {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: .875rem;
}

.card-img-right {
height: 100%;
border-radius: 3px 0 0 3px;
}

.flex-auto {
flex: 0 0 auto;
}

.h-250 { height: 250px; }
@media (min-width: 768px) {
.h-md-250 { height: 250px; }
}

/* Pagination */
.blog-pagination {
margin-bottom: 4rem;
}
.blog-pagination > .btn {
border-radius: 2rem;
}

/*
* Blog posts
*/
.blog-post {
margin-bottom: 4rem;
}
.blog-post-title {
margin-bottom: .25rem;
font-size: 2.5rem;
}
.blog-post-meta {
margin-bottom: 1.25rem;
color: #727272;
}

/*
* Footer
*/
.blog-footer {
padding: 2.5rem 0;
color: #727272;
text-align: center;
background-color: #f9f9f9;
border-top: .05rem solid #e5e5e5;
}
.blog-footer p:last-child {
margin-bottom: 0;
}
Loading