Skip to content

Commit

Permalink
website almost complete
Browse files Browse the repository at this point in the history
  • Loading branch information
@DeepThePatel
DeepThePatel committed Apr 18, 2024
1 parent cbe76dd commit 12f25f6
Show file tree
Hide file tree
Showing 4 changed files with 142 additions and 7 deletions.
2 changes: 1 addition & 1 deletion about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@
<img
class="logo"
src="website_content/logo.png"
title="SchedulerX"
title="Home"
/>
</a>
</div>
Expand Down
98 changes: 93 additions & 5 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,26 +3,50 @@
<head>
<meta charset="UTF-8">
<title>SchedulerX</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap" rel="stylesheet">
<script defer src="website_behavior.js"></script>
<!--Copy button code-->
<script>
document.addEventListener('DOMContentLoaded', function () {
var copyButtons = document.querySelectorAll('.copy-btn');
copyButtons.forEach(function(btn) {
btn.addEventListener('click', function () {
var text = btn.parentNode.querySelector('.code-block-text').textContent;
var textarea = document.createElement('textarea');
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
document.execCommand('copy');
document.body.removeChild(textarea);
alert('Copied to clipboard!');
});
});
});

</script>

<link rel="stylesheet" href="website_styles/index.css">
</head>
<body>
<div class="header">
<div class="spacer"></div> <!-- Dummy element for balancing -->
<div class="header-title">
<img class="logo" src="website_content/logo.png" title="SchedulerX">
<a href="index.html">
<img class="logo" src="website_content/logo.png" title="SchedulerX">
</a>
</div>
<div class="header-about">
<!--<p class="header-about-text" onclick="location.href='about.html';">About</p>-->
<p class="header-about-text" onclick="location.href='about.html';" title="Gallery">Gallery</p>
</div>
</div>
<div class="container">
<!--Static Content-->
<div class="static-content">
<div class="action-bar">
<div class="action-bar-item" data-href="website_content/schedulerx.apk" data-filename="schedulerx_app.apk">
<div class="action-bar-item" data-href="website_content/schedulerx.apk" data-filename="schedulerx_app.apk" title="Download APK">
<p>Download APK</p>
</div>
<div class="action-bar-item" data-href="https://github.com/SCCapstone/CoolwithAnything">
<div class="action-bar-item" data-href="https://github.com/SCCapstone/CoolwithAnything" title="GitHub Repo">
<p>GitHub Repo</p>
</div>
</div>
Expand All @@ -35,8 +59,9 @@ <h1 style="margin-bottom: -15px;">Demo</h1>
<p style="font-style: italic; margin-top: 10px;">This is a placeholder video*</p>
</div>
</div>
<!--Scrollable Content-->
<div class="scrollable-content">
<h1 style="margin-bottom: 30px;">The SchedulerX App</h1>
<h1 style="margin-bottom: 30px; color: #5da8af;">The SchedulerX App</h1>
<p>SchedulerX is an Android application aimed at helping users manage their schedules and fitness and nutrition goals.</p>
<p>The app features the ability to:</p>
<ul class="list">
Expand All @@ -50,6 +75,69 @@ <h1 style="margin-bottom: 30px;">The SchedulerX App</h1>
<p>
The app is written in JavaScript using the React Native framework and uses Firebase for cloud storage and user authentication.
</p>
<!--Why use SchedulerX?-->
<h2 style="margin-top: 45px; color: #5da8af;">
Why use SchedulerX?
</h2>
<p>Unlock your potential with SchedulerX — your all-in-one solution for mastering time management and enhancing your lifestyle. With SchedulerX, effortlessly organize your daily tasks, dive into personalized workouts, and explore nutritious meal plans tailored just for you. Whether you're planning your day or paving your path to wellness, SchedulerX adapts to your pace and preferences. Start creating, sharing, and thriving today with SchedulerX, where your goals are just a tap away. Why just manage when you can excel?</p>
<!--How to Run the App-->
<h2 style="margin-top: 45px; color: #5da8af;">
How to Run the App
</h2>
<h3 style="margin-top: 30px;">1. Install using APK</h3>
<p>Simply download our APK on the left and install on your device or emulator and you're ready to go!</p>
<h3 style="margin-top: 30px;">2. Clone the Repository</h3>
<p>First clone the repository:</p>
<div class="code-block">
<p class="code-block-text">
https://github.com/SCCapstone/CoolwithAnything.git
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Install Expo CLI:</p>
<div class="code-block">
<p class="code-block-text">
npm install -g expo-cli ```
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Install any required packages:</p>
<div class="code-block">
<p class="code-block-text">
npm install
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Run the app:</p>
<div class="code-block">
<p class="code-block-text">
npx expo start
</p>
<img class="copy-btn" src="website_content/copy.png" title="Copy">
</div>
<p>Wait for the Metro Bundler to finish running and choose how you would like to start the app.</p>

<!--Authors-->
<h2 style="margin-top: 45px;">
Authors:
</h2>
<div class="authors">
<p>
Vu Nguyen
</p>
<p>
Ali Omer
</p>
<p>
Deep Patel
</p>
<p>
Nick Rubino
</p>
<p>
Kayly Tran
</p>
</div>
</div>
</div>
</body>
Expand Down
Binary file added website_content/copy.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
49 changes: 48 additions & 1 deletion website_styles/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -80,6 +80,14 @@ body, html {

.header-about-text {
color: #5da8af;
font-weight: 600;
font-size: 18px;
padding: 20px;
transition: color 0.3s;
}

.header-about-text:hover {
color: white;
}

.header-about:hover {
Expand Down Expand Up @@ -167,14 +175,15 @@ body, html {
margin-left: 50%; /* Position on second half of viewport */
background: #262626;
color: #333;
padding-bottom: 50px;
padding-bottom: 100px;
box-sizing: border-box;
}

.scrollable-content p {
margin-top: 15px;
line-height: 1.7;
font-size: 18px;
width: 90%;
}

.list {
Expand All @@ -189,3 +198,41 @@ li {
font-weight: 400;
line-height: 2.5;
}

.code-block {
display: flex;
flex: 1;
background-color: #262626;
border: 2px solid #3e5e60;
height: 40px;
width: 90%;
border-radius: 5px;
margin-top: 5px;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
padding-left: 10px;
}

/* Code block text */
.scrollable-content .code-block .code-block-text {
font-size: 14px;
color: #5da8af;
font-family: 'Roboto Mono', monospace;
}

.copy-btn {
margin-top: 13px;
padding-right: 10px;
background: none;
border: none;
cursor: pointer;
height: 20px;
}

.authors {
padding-left: 20px;
}
.authors p {
color: #cbcbcb;
}

0 comments on commit 12f25f6

Please sign in to comment.