From 80b9b2e048739b540f9da195d9cc5c98c8b7d714 Mon Sep 17 00:00:00 2001 From: Aravind142857 Date: Thu, 29 Jun 2023 01:52:47 -0500 Subject: [PATCH] Home page done --- public/css/output.css | 104 ++++++++++++++++++++++++++++++++++++++++++ public/home.html | 42 ++++++++++------- result.js | 5 +- 3 files changed, 133 insertions(+), 18 deletions(-) diff --git a/public/css/output.css b/public/css/output.css index aef49bb..0178265 100644 --- a/public/css/output.css +++ b/public/css/output.css @@ -796,6 +796,21 @@ select { margin-bottom: 1rem; } +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} + +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} + +.mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; +} + .-mr-4 { margin-right: -1rem; } @@ -872,6 +887,14 @@ select { margin-bottom: 2.5rem; } +.mt-8 { + margin-top: 2rem; +} + +.mb-5 { + margin-bottom: 1.25rem; +} + .block { display: block; } @@ -940,6 +963,14 @@ select { height: 5rem; } +.h-48 { + height: 12rem; +} + +.h-64 { + height: 16rem; +} + .min-h-full { min-height: 100%; } @@ -996,10 +1027,22 @@ select { width: 33.333333%; } +.w-9\/12 { + width: 75%; +} + +.w-96 { + width: 24rem; +} + .max-w-sm { max-width: 24rem; } +.max-w-md { + max-width: 28rem; +} + .flex-1 { flex: 1 1 0%; } @@ -1144,6 +1187,10 @@ select { border-width: 8px; } +.border-4 { + border-width: 4px; +} + .border-solid { border-style: solid; } @@ -1933,10 +1980,22 @@ input.valid { max-width: 24rem; } + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:flex-grow-0 { + flex-grow: 0; + } + .sm\:flex-col { flex-direction: column; } + .sm\:items-center { + align-items: center; + } + .sm\:justify-center { justify-content: center; } @@ -1952,6 +2011,10 @@ input.valid { } @media (min-width: 768px) { + .md\:flex-grow-0 { + flex-grow: 0; + } + .md\:flex-row { flex-direction: row; } @@ -1960,6 +2023,16 @@ input.valid { font-size: 3rem; line-height: 1; } + + .md\:text-3xl { + font-size: 1.875rem; + line-height: 2.25rem; + } + + .md\:text-xl { + font-size: 1.25rem; + line-height: 1.75rem; + } } @media (min-width: 1024px) { @@ -1967,10 +2040,23 @@ input.valid { margin: 0px; } + .lg\:m-5 { + margin: 1.25rem; + } + + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; + } + .lg\:mt-0 { margin-top: 0px; } + .lg\:mb-0 { + margin-bottom: 0px; + } + .lg\:block { display: block; } @@ -2003,6 +2089,10 @@ input.valid { width: 33.333333%; } + .lg\:w-full { + width: 100%; + } + .lg\:flex-none { flex: none; } @@ -2011,6 +2101,10 @@ input.valid { flex-grow: 1; } + .lg\:flex-grow-0 { + flex-grow: 0; + } + .lg\:flex-row { flex-direction: row; } @@ -2037,6 +2131,16 @@ input.valid { line-height: 1; } + .lg\:text-4xl { + font-size: 2.25rem; + line-height: 2.5rem; + } + + .lg\:text-2xl { + font-size: 1.5rem; + line-height: 2rem; + } + .lg\:transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); diff --git a/public/home.html b/public/home.html index 69cda89..bfcc15d 100644 --- a/public/home.html +++ b/public/home.html @@ -5,8 +5,8 @@ Home - -
+ +
-
-
+
+

Lorem ipsum dolor

@@ -100,35 +100,45 @@

- +
-
+

How it works

-
-
- pic1 +
+
+ pic2

Step 1

-
- pic2 +
+ pic2

Step 2

-
- pic3 -

- Step 3 -

+
+ pic2 +

+ Step 3 +

+
+
+ Why? +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ab delectus dolor, dolorem dolorum et facilis, illum ipsam, natus nobis nulla quam repellat saepe! Aperiam doloremque harum laudantium repellendus tempora! +

+
+
\ No newline at end of file diff --git a/result.js b/result.js index 02479bf..ebec523 100644 --- a/result.js +++ b/result.js @@ -18,7 +18,8 @@ const client = new cassandra.Client({ app.set('view engine', 'ejs'); let id = 1; /* Ideally should initialize id to be nextFromDB or write to file and read */ let idAccount = 1; -const port = 63342; // Port that the server listens on */ +//const port = 63342; // Port that the server listens on */ +const port = 80; const RADIUS_OF_EARTH_IN_MILES = 3958.7614580848; app.use( bodyParser.json() ); @@ -460,7 +461,7 @@ app.get('/*', (request, response) => { }) } }) -app.listen(port, function(){ +app.listen(port, "0.0.0.0", function(){ console.log("server listening on port 63342"); }) /** Validate url and glink on client side as well */