Skip to content

Commit

Permalink
Merge pull request #4 from Divine-cell/main
Browse files Browse the repository at this point in the history 
created the mobile view for the 5 blog pages
  • Loading branch information
@Divine-cell
Divine-cell authored May 7, 2024
2 parents 93c23f9 + 93ce69f commit 4776910
Show file tree
Hide file tree
Showing 73 changed files with 5,133 additions and 67 deletions.
4 changes: 2 additions & 2 deletions About Page/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,8 +85,7 @@ li {
color: #9E4021;
font-size: 18px;
margin-top: 5px;
text-decoration: 0.1em rgba(14, 0, 0, 0);
transition: 300ms;
transition: 90ms;

}

Expand Down Expand Up @@ -466,6 +465,7 @@ input {
border: none;
outline: none;
margin-bottom: 15px;
border-radius: 3px;
}

#sub-btn {
Expand Down
Binary file added Blog Page/Blogpost/images/audio1.mp3
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/audio2.mp3
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/audio4.mp3
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/blogimg10.webp
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/blogimg3.webp
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/blogimg4.webp
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/blogimg5.webp
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/blogimg6.webp
View file
Binary file not shown.
Binary file added Blog Page/Blogpost/images/book.jpg
View file
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 Blog Page/Blogpost/images/image-colton.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
104 changes: 61 additions & 43 deletions Blog Page/Blogpost/blogpost.html → Blog Page/Blogpost/post.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inclusive Talks</title>
<title>Blog-Religion: The Accidental Enemy</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/inclusive talks logo (2).png" type="image/x-icon">
<link rel="preconnect" href="https://fonts.googleapis.com">
Expand Down Expand Up @@ -55,12 +55,16 @@
<div class="main">
<div class="blog-hero">
<h1>Religion: The Accidental Enemy</h1>
<h3>By: <a href="https://www.instagram.com/kemuel_kefas_sinna/">Kemuel Kefas</a></h3>
<h3 class="author">written By: <a href="https://www.instagram.com/kemuel_kefas_sinna/">Kemuel Kefas</a></h3>
<h3>5 min read. June 15 2023</h3>
<img src="images/blogimg1.webp" alt="">
<p>Photo Credit: Freepik</p>
</div>

<audio src="">

</audio>

<div class="blog-read">
<p>
Where I come from, the worst enemy is religion.
Expand All @@ -70,7 +74,7 @@ <h3>5 min read. June 15 2023</h3>
This singular institution has influenced and shaped not just the beliefs and
mindsets of people, but perhaps even the affairs of nations. Religion plays an
unfathomable role in the civilization and development of nations, both in the past
and present
and present.
</p>

<p>
Expand All @@ -79,7 +83,7 @@ <h3>5 min read. June 15 2023</h3>
If you do, then we have something in common because I did too. However, the disparity
between us might be that I wanted to understand what influences leadership and how
it is administered. I discovered that people are products of their mindsets.
So are leaders.
So are leaders.<br><br>
Mindset, according to the Merriam-Webster dictionary again, is “a particular way of
thinking: a person’s attitude or set of opinions about something”. Imagine a rural
settlement. Imagine this settlement having pathways, some leading to the stream,
Expand All @@ -89,31 +93,31 @@ <h3>5 min read. June 15 2023</h3>
path to get to the stream. You would not change your default path unless there is a need to.
The anecdote above is a representation of how the mind works. These pathways are mindsets.
We tend to have a particular way of thinking, without proper consideration. It would be interesting to remind you that mindsets are not inborn.
They were acquired while growing up. Cultures, beliefs, and sentiments that our parents or whoever raised us had, form the basic foundation of these mindsets.
They were acquired while growing up.,<br><br> Cultures, beliefs, and sentiments that our parents or whoever raised us had, form the basic foundation of these mindsets.
These foundations give us a framework to build upon, and most of the time with limited adjustment. A child grows up to be more like his parents, believing
in what they believe and most likely practicing the religion of his parents.
I need to remind you that these beliefs and religious norms that a child learns do not have to be true, right, or generally good.
It just has to be acceptable to the family and at least a few people outside the family. Remember, the exposure or educational status of the parent also is not relevant.
This child grows up and is sent into society to represent and portray all that they have learned in their families and schools. We would be fortunate if the child,
who becomes a grown-up, was taught to respect everyone, irrespective of their religious or political affiliation. However, this grown-up becomes a threat to peaceful coexistence when
who becomes a grown-up, was taught to respect everyone, irrespective of their religious or political affiliation.<br><br>However, this grown-up becomes a threat to peaceful coexistence when
they are taught that two or more religions are not meant to coexist. It becomes a threat to national unity when individuals do not learn that our strength lies in our diversity, not our uniformity.
It even becomes worse when such a person occupies a public office because they would have sentimental and favorite tendencies.
</p>

<img src="images/blogimg2.jpg" alt="">
<p>Photo Credit: Adobe Stock</p>
<p class="credit">Photo Credit: Adobe Stock</p>

<p>
Elections into public offices, the appointment of government officials, and
even admission into institutions become compromised, as favoritism is shown along
religious lines. Merit and competence are being forfeited for religious dominance
and over mutual respect among religions.
and over mutual respect among religions.<br><br>
“Good” and “bad” become synonymous with “my religion” and “their religion” as a result
of misinformation that started in childhood. Human beings are perceived not as such, but can be biased
as a result of their religious affiliation. This misinformation, misunderstanding, and misinterpretation
of religion have led to wars that should not have been fought, losses that could have been avoided, and
pains that should never be felt. It costs the government: resources, families: property,
communities: harmony, and individuals: their peace of mind.
communities: harmony, and individuals: their peace of mind.<br><br>

The Covid-19 pandemic has come and gone. One thing I am glad about is that it teaches us all a lesson.
It teaches us a lesson that there is a bigger enemy that does not differentiate between the religious affiliation of its victims.
Expand All @@ -122,12 +126,12 @@ <h3>5 min read. June 15 2023</h3>
unique diversity to devise sustainable means of defeating our bigger enemies. These enemies are not just the pandemic,
but also climate change, global health issues, hunger, and poverty, among others. We must learn that religion is not a tool
for creating conflicts and trampling over the fundamental human rights of others, but a medium for aligning ourselves with
a supernatural being that we have faith in.
a supernatural being that we have faith in.<br><br>
We must also, as a matter of urgency and for our good, understand that at some points, religious leaders and their followers
have allowed their chauvinistic whims and caprices to cloud their judgment about followers of other religions. This has, of course, led to false and
incomplete teachings that have misled many. I believe no religion would choose its dominance over the safety of its faithful. That is why we must
desist from every form of violence and sentiment that arises from religious teachings and poses a threat to the peace and harmony that should exist
among brothers and sisters.
among brothers and sisters.<br><br>
We must love one another just as we would love ourselves, and we must learn to overcome the temptation of giving preferences to people of
the same religion as ourselves when we know that should not be. We must learn rather to teach and encourage that which would assist in
qualifying the citizens of our nations, in the affairs which they pursue. We must also learn that we are not safe when our religion is safe,
Expand All @@ -136,21 +140,21 @@ <h3>5 min read. June 15 2023</h3>
</div>

<div class="share-icons">
<i class="fas far fa-heart"></i>
<i class="fas far fa-comment-dots"></i>
<i class="fa-regular fa-heart"></i>
<i class="fa-regular fa-comment-dots"></i>
<i class="fa-solid fa-arrow-up-from-bracket"></i>
</div>

<section class="comment-section">
<div class="comment">
<div class="profile">
<img src="" alt="">
<img src="images/image-colton.jpg" alt="">
<div class="name">
John Doe
<p>John Doe</p>
<p class="date">Oct 9 2023</p>
</div>
</div>
<p>
<p class="text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
quae ab illo inventore veritatis et quasi.
Expand All @@ -159,13 +163,13 @@ <h3>5 min read. June 15 2023</h3>

<div class="comment">
<div class="profile">
<img src="" alt="">
<img src="images/image-colton.jpg" alt="">
<div class="name">
John Doe
<p>John Doe</p>
<p class="date">Oct 9 2023</p>
</div>
</div>
<p>
<p class="text">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa
quae ab illo inventore veritatis et quasi.
Expand All @@ -180,42 +184,43 @@ <h3>5 min read. June 15 2023</h3>
</section>

<section class="other-blogpost">
<h2>You may also like:</h2>
<div class="others">
<img src="" alt="">
<div class="col2">
<h1>Inclusion, Not Indoctrination</h1>
<h1>You may also like:</h1>
<div class="others">
<img src="images/blogimg6.webp" alt="">
<div class="col2">
<a href=""><h2>Gratitude For Diversity</h2></a>
<p>
Alex, a devoted believer of a certain religion, works in a manufacturing
company that upholds diversity and inclusion as one of its core values.
Excited about an upcoming festival important to him and his religion,
Alex invites his colleagues to join in the celebrations. To his disappointment,…
Celebrating 1 Year of Promoting Diversity! Imagine a beautiful garden with
a variety of colorful flowers, each with its unique shape, size, color, and
fragrance. As you walk through the garden, you notice that each flower is distinct.
Some flowers are tall and graceful, while others are small and delicate...
</p>
</div>
</div>
</div>
</div>

<div class="others">
<img src="" alt="">
<div class="others">
<img src="images/blogimg3.webp" alt="">
<div class="col2">
<h1>Inclusion, Not Indoctrination</h1>
<a href=""><h2>Inclusion, Not Indoctrination</h2></a>
<p>
Alex, a devoted believer of a certain religion, works in a manufacturing
company that upholds diversity and inclusion as one of its core values.
Excited about an upcoming festival important to him and his religion,
Alex invites his colleagues to join in the celebrations. To his disappointment,…
Alex, a devoted believer of a certain religion, works in a
manufacturing company that upholds diversity and inclusion
as one of its core values. Excited about an upcoming festival
important to him and his religion, Alex invites his colleagues
to join in the celebrations. To his disappointment,…
</p>
</div>
</div>

<div class="others">
<img src="" alt="">
<img src="images/blogimg10.webp" alt="">
<div class="col2">
<h1>Inclusion, Not Indoctrination</h1>
<a href=""><h2>Diversity And Inclusion: This Ability</h2></a>
<p>
Alex, a devoted believer of a certain religion, works in a manufacturing
company that upholds diversity and inclusion as one of its core values.
Excited about an upcoming festival important to him and his religion,
Alex invites his colleagues to join in the celebrations. To his disappointment,…
Growing up as a young child, I would sit with my mum and listen to
songs ranging from gospel, country, reggae, RnB and they were mostly
oldies. One of such songs I fell in love with was “signed, sealed,
delivered, I’m yours” by Stevie…
</p>
</div>
</div>
Expand Down Expand Up @@ -288,5 +293,18 @@ <h2>About Us</h2>
</div>
</div>

<script>
const hambugerMenu = document.querySelector(".hambuger-menu")
const navMenu = document.querySelector(".nav-menu")
const closeBtn = document.querySelector(".close-button")

hambugerMenu.addEventListener("click", () =>{
navMenu.classList.toggle("active")
})

closeBtn.addEventListener("click", () => {
navMenu.classList.toggle("active")
})
</script>
</body>
</html>
Loading

0 comments on commit 4776910

Please sign in to comment.