Update cambridge watercolor app

RalucaNicola · Mar 11, 2024 · f22c544 · f22c544
1 parent 5eb2399
commit f22c544
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 77 deletions.
diff --git a/cambridge-parks/index.html → cambridge-watercolor/index.html b/cambridge-parks/index.html → cambridge-watercolor/index.html
@@ -5,7 +5,7 @@
       name="viewport"
       content="initial-scale=1,maximum-scale=1,user-scalable=no"
     />
-    <title>Cambridge Parks</title>
+    <title>Cambridge Watercolor</title>
     <script
       type="module"
       src="https://js.arcgis.com/calcite-components/1.0.7/calcite.esm.js"
@@ -22,55 +22,30 @@
   <body class="calcite-mode-light">
     <div class="container">
       <div id="menu">
-        <header>Connecting Kendall</header>
         <div id="description">
-          <p>
-            Over the past several decades, Kendall Square has transformed from a
-            former industrial area into a world renowned center of biotech, high
-            tech research, and innovative companies.
-          </p>
-          <p>
-            Over 5 acres of new and renovated public open space will be created,
-            primarily at two locations, in the vicinity of Kendall Square in
-            Eastern Cambridge.
-          </p>
-
-          <div>
-            <p>
-              <span class="title">Kendall Green</span>
-              <span class="subtitle">The New Heart of Kendall Square</span>
-            </p>
-            <div>
-              This park will be the social heart of the community, a common
-              space that everyone can call their own. Kendall Green will be a
-              landscape of open lawns and water, a sun filled and activity
-              filled park that also serves to cleanse urban stormwater before it
-              flows to the Charles River.
-            </div>
-          </div>
-          <div>
-            <p>
-              <span class="title">Fulkerson Park</span>
-              <span class="subtitle">A Neighborhood Sports Park</span>
-            </p>
-            <p>
-              With its softball, street hockey and basketball courts, Fulkerson
-              Park will provide sports program not currently found in the
-              neighborhood, for example tennis courts, and a year-round turf
-              soccer field.
-            </p>
-          </div>
           <div>
-            <p>
+            <p class="title">
               <img src="./woman-running.svg" height="25" /> A morning run before
               class
             </p>
+            <p>
+              Hi, my name is Alicia and I like to jog in the mornings. I start
+              in Kendall park and I run along the Charles River. I love the view
+              of the water and the city skyline. I usually run for about 30
+              minutes and then I head to work.
+            </p>
           </div>
           <div>
-            <p>
+            <p class="title">
               <img src="./man-walking-dog.svg" height="25" /> An afternoon dog
               walk
             </p>
+            <p>
+              Hi, my name is John and I have a dog named Max. I like to take him
+              for a walk in the afternoon. We usually go start at Binney Street
+              Park, close to where we live. Most of the times we go to the dog
+              park in Kendall green. Max loves to play with other dogs.
+            </p>
           </div>
         </div>
         <footer>
@@ -82,13 +57,17 @@
             >
               Connect Kendall Square Competition
             </a>
-            • Basemap created with
+            • Basemap created with the
+            <a href="https://www.cambridgema.gov/GIS/gisdatadictionary/Basemap"
+              >awesome Cambridge open data</a
+            >
+            in
             <a
               href="https://pro.arcgis.com/en/pro-app/latest/get-started/get-started.htm"
               target="_blank"
               >ArcGIS Pro</a
             >
-            and
+            and with
             <a
               href="https://www.esri.com/arcgis-blog/products/arcgis-pro/mapping/steal-this-watercolor-style-for-pro-please/"
               target="_blank"

diff --git a/cambridge-parks/main.js → cambridge-watercolor/main.js b/cambridge-parks/main.js → cambridge-watercolor/main.js
diff --git a/cambridge-parks/man-walking-dog.png → cambridge-watercolor/man-walking-dog.png b/cambridge-parks/man-walking-dog.png → cambridge-watercolor/man-walking-dog.png
diff --git a/cambridge-parks/man-walking-dog.svg → cambridge-watercolor/man-walking-dog.svg b/cambridge-parks/man-walking-dog.svg → cambridge-watercolor/man-walking-dog.svg
diff --git a/cambridge-parks/style.css → cambridge-watercolor/style.css b/cambridge-parks/style.css → cambridge-watercolor/style.css
@@ -32,46 +32,14 @@ body {
   z-index: 1;
   height: 100%;
   overflow: auto;
-}
-
-#menu header {
-  font-weight: bold;
-  font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  text-align: center;
-  padding: 1rem 1.5rem;
-  font-size: 1.2rem;
-  border-radius: 10px 10px 0 0;
-  letter-spacing: 2px;
-}
-
-#description > p {
-  transition: background-color 1s;
-}
-
-.hidden {
-  visibility: hidden;
-}
-
-.highlight {
-  background-color: #009af2;
-}
-
-sub {
-  vertical-align: baseline;
-  position: relative;
-  top: 0.4rem;
-}
-
-.labels {
   display: flex;
-  justify-content: space-between;
-  font-size: 0.8rem;
-  padding: 0 15px;
+  flex-direction: column;
 }
 
 #description {
   margin: 20px;
   line-height: 1.6rem;
+  flex: 1;
 }
 
 a,
@@ -114,9 +82,10 @@ footer {
 }
 
 .title {
-  border: 1px solid #888;
   padding: 0 4px;
   font-weight: bold;
+  display: flex;
+  gap: 10px;
 }
 
 .subtitle {

diff --git a/cambridge-parks/woman-running.png → cambridge-watercolor/woman-running.png b/cambridge-parks/woman-running.png → cambridge-watercolor/woman-running.png
diff --git a/cambridge-parks/woman-running.svg → cambridge-watercolor/woman-running.svg b/cambridge-parks/woman-running.svg → cambridge-watercolor/woman-running.svg