From 22fcc73d3169594af03cf127482fef823c8f0389 Mon Sep 17 00:00:00 2001 From: pujadahal Date: Fri, 24 May 2019 13:59:15 -0700 Subject: [PATCH 1/5] website edits --- public_html/features.js | 6 ++-- public_html/index.html | 80 +++++++++++++++++++++++++++++++++++------ public_html/style.css | 33 ++++++++++++----- 3 files changed, 97 insertions(+), 22 deletions(-) diff --git a/public_html/features.js b/public_html/features.js index d62b2ef..0dac201 100644 --- a/public_html/features.js +++ b/public_html/features.js @@ -7,14 +7,14 @@ document.addEventListener("DOMContentLoaded", function(){ // Grab the UL element and count the number of LI nodes // https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById var listElem = document.getElementById("navigation").getElementsByTagName("li"); - listElem[0].textContent="My name is puja"; + listElem[0].textContent="Best Time to Visit"; //debug out to the console console.log(listElem.length); // Put some text in there var statsElem = document.getElementById("stats"); - statsElem.textContent = "There are " + listElem.length + " Places to explore."; + //statsElem.textContent = "There are " + listElem.length + " Places to explore."; // // Run the function below that will multiple this the LI of places by 10 and display it at the H1 element @@ -25,7 +25,7 @@ document.addEventListener("DOMContentLoaded", function(){ // https://developer.mozilla.org/en-US/docs/Web/API/Element/getElementsByTagName var h1Element = document.getElementsByTagName("h1"); // Display the new headline - h1Element[0].textContent=increaseNumber(listElem.length); + //h1Element[0].textContent=increaseNumber(listElem.length); }); diff --git a/public_html/index.html b/public_html/index.html index 6caa1d7..0ffdce0 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -1,33 +1,93 @@ + + + San Francisco + +

A Guide to Exploring San Francisco

+

- + + + +

Smiley face

+

Smiley face

+

Smiley face

+ +

+

Best Time to Visit

San Francisco has a mediterranean climate. Being a peninsula, it remains pretty cool throughout the year, with most of the rainfall occurring during the winter and spring seasons. You should visit the city during the summer and fall seasons, but keep in mind that this is also peak tourist season.

+

Smiley face

+

Smiley face

+

Smiley face

+ +

Places to See

-

San Francisco is great for sight-seeing, and there are many not as known lookout points that provide you with fantastic views of the city's skyline.

+

San Francisco is great for sight-seeing, and there are many not as known lookout points that provide you with fantastic views of the city's skyline. + *Pier 39 + *Coit tower + *Chinatown + *Downtown + *Alcatraz Island + *Lombard Street + *Golden Gate Bridge + *Marine Headlands + *Baker Beach, Ocean Beach + +

+ +

Smiley face

+

Smiley face

+

Smiley face

+ +

Things to Do

-

There is always an activity or event happening every day in the city.

+

There is always an activity or event happening every day in the city. Go for a cable car ride downtown. Take a stroll at Chinatown and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful natural beauty of Marine Headlands and enjoy the scenic route on the way

+ +

Smiley face

+

Smiley face

+

Smiley face

+ +

Food and Drinks

The city is full of foods from across the entire universe. You can find almost any type of cuisine with ease.

+ + \ No newline at end of file diff --git a/public_html/style.css b/public_html/style.css index 4e10d09..5a4e6a1 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -1,20 +1,35 @@ body { box-sizing: border-box; - height: 300px; - width: 800px; + height: 1500px; + width: 1000px; margin: auto; padding: 50px; /*Remove this background-color! It is here to make sure that the css and html are linked.*/ - background-color: cornflowerblue; - border: 5px dotted gainsboro; + background-color: gray; + border: 5px black; + background-image: url("https://images.unsplash.com/photo-1471229058801-75ee9a43ef35?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1532&q=80"); + background-repeat: no-repeat; + background-position: right top; + background-attachment: fixed; + } + + } } .header { - background-color: gray; - background-image: url(http://getdrawings.com/san-francisco-bridge-vector#san-francisco-bridge-vector-25.png) + background-color:; text-align: center; - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; -} + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + color: orangered + +}; h1 { - color: lightblue; + font-family: Verdana, Geneva, Tahoma, sans-serif; + font-style: oblique; +} + +h2 { + font-family: 'Courier New', Courier, monospace; + font-style: inherit; + } From 66921153951f9b4b2648d3e3e99e12496cd2a8c0 Mon Sep 17 00:00:00 2001 From: pujadahal Date: Fri, 31 May 2019 11:00:00 -0700 Subject: [PATCH 2/5] testing --- public_html/style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/public_html/style.css b/public_html/style.css index 5a4e6a1..0f9b18e 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -16,10 +16,9 @@ body { } } .header { - background-color:; text-align: center; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - color: orangered + color: orangered; }; From 4140029ba133ba843ba5884cc9e64f05186ac3fc Mon Sep 17 00:00:00 2001 From: pujadahal Date: Sat, 1 Jun 2019 13:34:10 -0700 Subject: [PATCH 3/5] changes to website --- public_html/app.js | 14 ++++ public_html/index.html | 167 ++++++++++++++++++++++------------------- public_html/style.css | 3 +- 3 files changed, 105 insertions(+), 79 deletions(-) diff --git a/public_html/app.js b/public_html/app.js index b1e087b..d7ab596 100644 --- a/public_html/app.js +++ b/public_html/app.js @@ -1,12 +1,23 @@ //for debugging console.log('Im in your console. Inspect Element > Console.'); +$(document).ready(function () { + //for debugging + console.log('DOM loaded!. Inspect Element > Console.'); //wait for HTML to finish downloading document.addEventListener("DOMContentLoaded", function(){ + // 1) use an Effect + // https://learn.jquery.com/effects/intro-to-effects/ + // Hide or Show + // https://www.w3schools.com/jquery/jquery_hide_show.asp + // Grab the intro element and add some simple text dynamically // https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById var introElem = document.getElementById('intro'); + // 2) Dynamically set CSS using JQuery + // https://learn.jquery.com/using-jquery-core/css-styling-dimensions/ + // Put some text in there introElem.textContent = "Hi. I'm in here. "; @@ -15,6 +26,8 @@ document.addEventListener("DOMContentLoaded", function(){ //debug out to the console console.log(introElem); +// Code Academy intro to JQuery + // https://www.codecademy.com/learn/learn-jquery // // Run the function below that will detect mousemovements in the Navigation area @@ -36,3 +49,4 @@ function logMouseOut() { var m = document.getElementById('mousy'); m.innerHTML = 'MOUSE OUT detected'; } +}); \ No newline at end of file diff --git a/public_html/index.html b/public_html/index.html index 0ffdce0..ffdbbaa 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -1,93 +1,104 @@ - - - + + San Francisco - - - - - - -

A Guide to Exploring San Francisco

-

- - - - -

Smiley face

-

Smiley face

-

Smiley face

- -

+ +
+

A Guide to Exploring San Francisco

-
+
+ SF photo
+
+ SF photo
+
+ SF photo
+
+

Best Time to Visit

San Francisco has a mediterranean climate. Being a peninsula, it remains pretty cool throughout the year, with most of the rainfall occurring during the winter and spring seasons. You should visit the city during the summer and fall seasons, but keep in mind that this is also peak tourist season.

-

Smiley face

-

Smiley face

-

Smiley face

- - -

Places to See

-

San Francisco is great for sight-seeing, and there are many not as known lookout points that provide you with fantastic views of the city's skyline. - *Pier 39 - *Coit tower - *Chinatown - *Downtown - *Alcatraz Island - *Lombard Street - *Golden Gate Bridge - *Marine Headlands - *Baker Beach, Ocean Beach - -

- -

Smiley face

-

Smiley face

-

Smiley face

- - +

SF photo

+

SF photo

+

SF photo

+ +

Places to See

+

San Francisco is great for sight-seeing, and there are many not as known lookout points that provide you with fantastic views of the city's skyline.

+
    +
  • Pier 39
    • +
  • Coit tower
    • +
  • Chinatown
    • +
  • Downtown
    • +
  • Alcatraz Island
    • +
  • Lombard Street
    • +
  • Golden Gate Bridge
    • +
  • Marine Headlands
    • +
  • Baker Beach, Ocean Beach
    • +
+ +

SF photo

+

SF photo

+

SF photo

+ +
+

Things to Do

-

There is always an activity or event happening every day in the city. Go for a cable car ride downtown. Take a stroll at Chinatown and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful natural beauty of Marine Headlands and enjoy the scenic route on the way

- -

Smiley face

-

Smiley face

-

Smiley face

- - -

Food and Drinks

+

There is always an activity or event happening every day in the city. Go for a cable car ride downtown. Take a stroll at Chinatown + and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful + natural beauty of Marine Headlands and enjoy the scenic route on the way

+

SF photo

+

SF photo

+

SF photo

+ +

Food and Drinks

The city is full of foods from across the entire universe. You can find almost any type of cuisine with ease.

- - + + + + + + \ No newline at end of file diff --git a/public_html/style.css b/public_html/style.css index 0f9b18e..60a41e4 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -21,7 +21,8 @@ body { color: orangered; }; - +color: orangered; +} h1 { font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: oblique; From 40f1c759e6244ca0d256f719979d653cb72565ec Mon Sep 17 00:00:00 2001 From: pujadahal Date: Sat, 1 Jun 2019 14:02:53 -0700 Subject: [PATCH 4/5] changes --- public_html/index.html | 21 +++++++-------------- public_html/style.css | 9 ++------- 2 files changed, 9 insertions(+), 21 deletions(-) diff --git a/public_html/index.html b/public_html/index.html index ffdbbaa..bfa1d3e 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -53,13 +53,9 @@

A Guide to Exploring San Francisco

SF photo
SF photo
-
- SF photo
- - +

Best Time to Visit

San Francisco has a mediterranean climate. Being a peninsula, it remains pretty cool throughout the year, with most of the rainfall occurring during the winter and spring seasons. You should visit the city during the summer and fall seasons, but keep in mind that this is also peak tourist season.

-

SF photo

SF photo

SF photo

@@ -78,22 +74,19 @@

Places to See

SF photo

-

SF photo

SF photo

Things to Do

There is always an activity or event happening every day in the city. Go for a cable car ride downtown. Take a stroll at Chinatown - and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful - natural beauty of Marine Headlands and enjoy the scenic route on the way

-

SF photo

-

SF photo

-

SF photo

- -

Food and Drinks

+ and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful + natural beauty of Marine Headlands and enjoy the scenic route on the way

+

SF photo

+

SF photo

+ +

Food and Drinks

The city is full of foods from across the entire universe. You can find almost any type of cuisine with ease.

- diff --git a/public_html/style.css b/public_html/style.css index 60a41e4..097bcb7 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -1,13 +1,11 @@ body { box-sizing: border-box; - height: 1500px; - width: 1000px; margin: auto; padding: 50px; /*Remove this background-color! It is here to make sure that the css and html are linked.*/ - background-color: gray; + background-color: white; border: 5px black; - background-image: url("https://images.unsplash.com/photo-1471229058801-75ee9a43ef35?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1532&q=80"); + background-image: url("); background-repeat: no-repeat; background-position: right top; background-attachment: fixed; @@ -19,10 +17,7 @@ body { text-align: center; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: orangered; - }; -color: orangered; -} h1 { font-family: Verdana, Geneva, Tahoma, sans-serif; font-style: oblique; From d2482814653da56df0f55819599dde2ce01bab67 Mon Sep 17 00:00:00 2001 From: pujadahal Date: Sun, 2 Jun 2019 23:15:43 -0700 Subject: [PATCH 5/5] yellow color --- public_html/index.html | 8 ++++---- public_html/style.css | 4 ++-- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/public_html/index.html b/public_html/index.html index bfa1d3e..86e3102 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -50,13 +50,13 @@

A Guide to Exploring San Francisco

- SF photo
+ SF photo
SF photo

Best Time to Visit

San Francisco has a mediterranean climate. Being a peninsula, it remains pretty cool throughout the year, with most of the rainfall occurring during the winter and spring seasons. You should visit the city during the summer and fall seasons, but keep in mind that this is also peak tourist season.

-

SF photo

+

SF photo

SF photo

Places to See

@@ -73,7 +73,7 @@

Places to See

  • Baker Beach, Ocean Beach
    • -

    SF photo

    +

    SF photo

    SF photo

    @@ -82,7 +82,7 @@

    Things to Do

    There is always an activity or event happening every day in the city. Go for a cable car ride downtown. Take a stroll at Chinatown and enjoy the delicious freshly baked bakery items. Seal watch at the pier or enjoy the beautiful view from the Coit tower. Visit the beautiful natural beauty of Marine Headlands and enjoy the scenic route on the way

    -

    SF photo

    +

    SF photo

    SF photo

    Food and Drinks

    diff --git a/public_html/style.css b/public_html/style.css index 097bcb7..01f786c 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -3,7 +3,7 @@ body { margin: auto; padding: 50px; /*Remove this background-color! It is here to make sure that the css and html are linked.*/ - background-color: white; + background-color: pink; border: 5px black; background-image: url("); background-repeat: no-repeat; @@ -16,7 +16,7 @@ body { .header { text-align: center; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; - color: orangered; + color: yellow; }; h1 { font-family: Verdana, Geneva, Tahoma, sans-serif;