Skip to content
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

Jump to bottom

Back Button added in all blogs #1030

Merged
merged 2 commits into from
Jul 7, 2023
Merged

Back Button added in all blogs #1030

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
372ffd3
Back Button added in all blogs
rayarka26 Jul 7, 2023
810a2d7
Blue Button done
rayarka26 Jul 7, 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
7 changes: 4 additions & 3 deletions Blogs/Strength.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,8 @@
</div>
</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">
<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">
<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
<span class="pb-1 border-double border-b-4 border-b-indigo-600">Strength</span>
Expand Down Expand Up @@ -110,7 +111,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
</p>
</div>

<div class="blogImage my-3">
<div class="blogImage my-3 center">
<img src="../Images/blogImage2.webp" alt="blogImage" />
</div>
<div id="google_translate_element"></div>
Expand Down Expand Up @@ -238,7 +239,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
</div>

<a href="../Blogs/Blog.html"
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
class="center my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
to Blogs</a>
</div>

Expand Down
7 changes: 4 additions & 3 deletions Blogs/Words.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,8 @@
</div>
</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">
<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">
<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
<span class="pb-1 border-double border-b-4 border-b-indigo-600">Words</span>
Expand Down Expand Up @@ -108,7 +109,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
</p>
</div>

<div class="blogImage my-3">
<div class="blogImage my-3 center">
<img src="../Images/blogImage1.webp" alt="blogImage" />
</div>
<div id="google_translate_element"></div>
Expand Down Expand Up @@ -348,7 +349,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold">
</div>

<a href="../Blogs/Blog.html"
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
class="center my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
to Blogs</a>
</div>

Expand Down
8 changes: 4 additions & 4 deletions Blogs/cardinalVices.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,8 +47,8 @@

</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">

<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
Expand Down Expand Up @@ -105,7 +105,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">

</div>

<div class="blogImage my-3">
<div class="blogImage my-3 center">
<img src="../Images/blog-vices.webp" alt="">
</div>
<div id="google_translate_element"></div>
Expand Down Expand Up @@ -752,7 +752,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<a href="../Blogs/Blog.html"
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
class="center my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
to
Blogs</a>

Expand Down
12 changes: 6 additions & 6 deletions Blogs/depression.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
class="fixed navbar text-indigo-700 top-0 px-4 sm:px-8 py-4 ease-in-out duration-300 flex z-30 items-center justify-between w-full left-0">
<div class="leftSection">
<a class="flex items-center" href="../index.html">
<img src="../Images/New_Logo_2.avif" alt="Moksh Logo" class="w-16 h-16" />
<img src="../Images/New_Logo_2.avif" alt="Moksh Logo" class="w-16 h-16 center" />
<span
class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>
</a>
Expand All @@ -42,8 +42,8 @@

</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">

<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
Expand Down Expand Up @@ -100,7 +100,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<div class="blogImage my-3">
<img src="../Images/depression2.webp" alt="blogImage">
<img src="../Images/depression2.webp" alt="blogImage" class="center">
</div>


Expand Down Expand Up @@ -377,7 +377,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
impose anything on anyone. He always says, "This
is my opinion; I am not
forcing anyone."
<img src="../Images/camel.webp" alt="" class="h-56 w-56 my-4">
<img src="../Images/camel.webp" alt="" class="h-56 w-56 my-4 center">
</p>
<p class="mb-4">
Let me tell you a story our Guru has told us. There was a person who had three sons. At that
Expand Down Expand Up @@ -445,7 +445,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<a href="../Blogs/Blog.html"
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900 center">Back
to
Blogs</a>

Expand Down
12 changes: 6 additions & 6 deletions Blogs/karma.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,14 @@
<span
class="ml-3 text-xl sm:text-2xl uppercase font-semibold text-indigo-600 projectName tracking-widest ease-in-out duration-300 hover:text-slate-900">Moksh</span>
</a>

</div>

</div>

</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">

<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
Expand Down Expand Up @@ -100,7 +100,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<div class="blogImage my-3">
<img src="https://upload.wikimedia.org/wikipedia/commons/1/14/EndlessKnot03d.png" width="400" alt="blogImage" class="rounded-md">
<img src="https://upload.wikimedia.org/wikipedia/commons/1/14/EndlessKnot03d.png" center width="400" alt="blogImage" class="rounded-md center">
</div>


Expand Down Expand Up @@ -328,7 +328,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<a href="../Blogs/Blog.html"
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900">Back
class="my-5 p-6 rounded-md uppercase font-semibold bg-rose-600 text-white ease-in-out duration-300 hover:bg-gray-900 center">Back
to
Blogs</a>

Expand Down
6 changes: 3 additions & 3 deletions Blogs/life.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,8 +42,8 @@

</div>

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col items-center">

<div class="blogWrapper mt-28 py-8 h-auto flex flex-col">
<div> <a href="../Blogs/Blog.html"><img src="https://cdn-icons-png.flaticon.com/512/8636/8636668.png"/ height="50px" width="50px" class="image1"> </a></div>
<div class="title px-3 flex flex-col items-center w-full">

<h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
Expand Down Expand Up @@ -100,7 +100,7 @@ <h1 class="text-center text-4xl mb-5 text-indigo-600 font-semibold ">
</div>

<div class="blogImage my-3">
<img src="../Images/lifeBlog.jpg" alt="blogImage" class="rounded-md">
<img src="../Images/lifeBlog.jpg" alt="blogImage" class="rounded-md center">
</div>


Expand Down
23 changes: 23 additions & 0 deletions Blogs/newBlogStyle.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,29 @@
.projectName {
font-family: 'Arizonia', cursive;
}
.center{
display: block;
margin-left: auto;
margin-right: auto;

}
.image1{
margin-left: 70px;
/* margin-right: 100px; */
}
.previous {
background-color: #f1f1f1;
color: black;
}

.next {
background-color: #04AA6D;
color: white;
}

.round {
border-radius: 50%;
}


.blogContentDetails {
Expand Down