Skip to content

issue #163 added home button #178

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
elianabean wants to merge 2 commits into
base: master
Choose a base branch
from
Open

issue #163 added home button #178

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
c63bd0f
added home button to diary and timer pages
elianabean Apr 6, 2022
c496e2f
added home button
elianabean Apr 7, 2022
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
14 changes: 14 additions & 0 deletions css/diary_style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -229,3 +229,17 @@ input[class^='btn-']:hover {
text-decoration: underline;
text-decoration-color: #E6FFEE;
}

i {
position: fixed;
bottom: 0;
right: 0;
color: #E6FFEE;
font-size: 75px;
transition: all 0.4s ease;
}

i:hover {
color: white;
cursor: pointer;
}
14 changes: 14 additions & 0 deletions css/pomodoro_timer.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -84,3 +84,17 @@ a:hover {
.button:focus {
outline: none;
}

i {
position: fixed;
bottom: 0;
right: 0;
color: black;
font-size: 75px;
transition: all 0.4s ease;
}

i:hover {
color: gray;
cursor: pointer;
}
6 changes: 6 additions & 0 deletions html/diary.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">

<!-- box icons-->
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>

<title>My Diary App</title>
</head>
<body>
Expand Down Expand Up @@ -58,6 +62,8 @@ <h2 class="heading-results">Journal Entries</h2>
</div>
</section>

<a href="/index.html"><i class='bx bxs-home-heart' ></i></a>

<script src="../scripts/mental_diary.js"></script>

</body>
Expand Down
5 changes: 5 additions & 0 deletions html/pomodoro.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,9 @@
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap" rel="stylesheet">

<link href="../css/pomodoro_timer.css" rel="stylesheet" type="text/css" />

<!-- box icons-->
<link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'>

</head>
<body>
Expand Down Expand Up @@ -41,6 +44,8 @@ <h1 class='timer' id='timer'></h1>
</div>
</div>

<a href="/index.html"><i class='bx bxs-home-heart' ></i></a>

<script src="../scripts/pomodoro-timer.js"></script>
</body>
</html>
92 changes: 26 additions & 66 deletions single.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,25 +1,15 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<meta charset="utf-8">
<title>PaciFy</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">

<!-- Google Font -->
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap" rel="stylesheet">

<!-- CSS Libraries -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/50cf1882c3.js" crossorigin="anonymous"></script>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
Expand All @@ -34,12 +24,10 @@
<link href="flaticon.css" rel="stylesheet">

</head>

<body>
<body>


<!-- Nav Bar Start -->

<div class="navbar navbar-expand-lg bg-dark navbar-dark nav-sticky">
<div class="container-fluid">
<a href="index.html" class="navbar-brand">P<span>aci</span>F<span>y</span></a>
Expand All @@ -50,7 +38,6 @@
<div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
<div class="navbar-nav ml-auto">
<a href="index.html" class="nav-item nav-link active">Home</a>

<a href="index.html#about" class="nav-item nav-link">About</a>
<a href="index.html#feature" class="nav-item nav-link">Features</a>
<a href="index.html#yoga" class="nav-item nav-link">Relaxing Yoga Poses</a>
Expand All @@ -60,47 +47,30 @@
</div>
</div>
</div>
<!-- Navbar ends -->


<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h2 class="title">
<span class="title-word title-word-1">MORE</span>
<span class="title-word title-word-2">ABOUT</span>
<span class="title-word title-word-3">MENTAL</span>
<span class="title-word title-word-4">HEALTH</span>
</h2>
<h3> “There is hope, even when your brain tells you there isn’t.” </h3>
</div>
<h2>More about Mental Health</h2>
</div>

<!-- Navbar ends -->

<!-- Page Header Start -->
<div class="page-header">
<div class="container">
<div class="row">
<div class="col-12">
<h2>More about Mental Health</h2>
</div>

</div>
</div>
</div>
<!-- Page Header End -->
<!-- Page Header End -->


<!-- Single Post Start-->
<div class="about-img">
<img src="MH5.jpg" />
</div>
<div class="single">
<div class="container-fluid">
<div class="jumbotron">
<!-- Single Post Start-->
<div class="single">
<div class="container-fluid">
<div class="row">
<div class="col-lg-16">
<div class="single-content wow fadeInUp">
<img src="MH5.jpg" />
<h2><strong>What is Mental Health?</strong></h2>
<p>
Mental health describes a person’s emotional and psychological well-being. Good mental health is characterized by a person’s ability to:
Expand All @@ -126,7 +96,6 @@ <h2><strong>What is Mental Health?</strong></h2>

</ul>


<h2><strong>What is Mental illness?</strong></h2>

<p>
Expand All @@ -136,6 +105,11 @@ <h2><strong>What is Mental illness?</strong></h2>
<p>Mental health issues are very common in the United States and are also a growing problem worldwide. </p>

<ul>

<li>
Mental health problems are one of the main causes of the overall disease burden worldwide.

</li>

<li>
Around 1 in 5 young people ages 13 to 18 experience a mental illness at some point in their lives.
Expand Down Expand Up @@ -243,38 +217,25 @@ <h2><strong>What should I do if I think I have a mental health problem?</strong>
</div>
</div>
</div>
</div>
<!-- Single Post End-->
<!-- Single Post End-->



<!-- Footer Start -->
<footer>
<div class="footer wow fadeIn" data-wow-delay="0.3s" style="animation-delay: 0.3s; animation-name: none;">
<!-- Footer Start -->
<div class="aboutfoot footer wow fadeIn" data-wow-delay="0.3s">

<div class="container copyright">
<div class="row">
<div class="col-md-4">
<div class="col-md-6">
<p>PaciFy - July 14, 2021 - Hack for Inclusion</p>
</div>
<div class="icons col-md-4">
<a class="social-icon" href=""><i class="fa-brands fa-linkedin"></i></a>
<a class="social-icon" href=""><i class="fa-brands fa-facebook-square"></i></a>
<a class="social-icon" href=""><i class="fa-brands fa-instagram"></i></a>
<a class="social-icon" href=""><i class="fa-solid fa-envelope"></i></a>
</div>
<div class=" team col-md-4">
<p>Team - Mind Bogglers</p>
</div>
<div class="copyright col-sm-12">
<p>©-PaciFy|All Rights Reserved</p>
<div class="col-md-6">
<p>Team - Mind Bogglers</a></p>
</div>
</div>
</div>
</div>
</footer>


</div>
<!-- Footer End -->

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
Expand All @@ -295,5 +256,4 @@ <h2><strong>What should I do if I think I have a mental health problem?</strong>
<!-- Template Javascript -->
<script src="js/main.js"></script>
</body>

</html>
</html>