diff --git a/Random_Quote_Generator_Website/app.js b/Random_Quote_Generator_Website/app.js new file mode 100644 index 0000000..d5a13f9 --- /dev/null +++ b/Random_Quote_Generator_Website/app.js @@ -0,0 +1,26 @@ +let jokes=[ +"Be yourself; everyone else is already taken." , +"A room without books is like a body without a soul.", +"To live is the rarest thing in the world. Most people exist, that is all.", +"Be who you are and say what you feel, because those who mind don't matter, and those who matter don't mind.", +"You only live once, but if you do it right, once is enough.", +"Be the change that you wish to see in the world.", +"If you want to know what a man's like, take a good look at how he treats his inferiors, not his equals", +"Insanity is doing the same thing, over and over again, but expecting different results.", +"Fairy tales are more than true: not because they tell us that dragons exist, but because they tell us that dragons can be beaten.", +"Life is what happens to us while we are making other plans.", + +]; + + let jokeText1=document.getElementById("jokeText"); + let clicks=0; + + function updateJoke(){ + + clicks=clicks+1; + clicks=clicks%(jokes.length); + //the array just cycles to give new jokes + jokeText1.textContent=jokes[clicks]; + + } + diff --git a/Random_Quote_Generator_Website/index.html b/Random_Quote_Generator_Website/index.html new file mode 100644 index 0000000..951b380 --- /dev/null +++ b/Random_Quote_Generator_Website/index.html @@ -0,0 +1,35 @@ + + + + + + + Random Quote Generator + + +
+ +

Random Quote Generator

+
+
+ + + +
+
+
+
+ Be the change you wish to see in the world . +
+
+
+
+ + + + +
+ + + + diff --git a/Random_Quote_Generator_Website/styles.css b/Random_Quote_Generator_Website/styles.css new file mode 100644 index 0000000..2d3f1b2 --- /dev/null +++ b/Random_Quote_Generator_Website/styles.css @@ -0,0 +1,78 @@ +body{ + background-color:#749F82; + +} + + +h3{ + border: 3px solid #CFFF8D; + font-weight:1000; + padding:20px 0 20px; + border-radius:10px; + color:#CFFF8D; + background-color:#425F57; + font-family:sans-serif ; + display:flex; + font-size:2.5rem; + flex-direction:row; + justify-content:center; + + + +} +#ic1{ + margin-left:0%; +} + + + +#joke{ + font-style:italic; + padding:2% 4% 4% 2%; + font-family:sans-serif; + border-radius:10px; + background-color:#A8E890; + width:70%; + height: 50px; + border:solid 3px #425F57; + margin:0 auto; + + display:flex; + flex-direction:row; + justify-content:center; +} + +#btn1{ + margin:10px auto; + display:flex; + flex-direction:row; + justify-content:center; +} + +#jokeBtn{ + font-weight:bold; + color:#CFFF8D; + background-color:#425F57; + display:flex; + flex-direction:row; + justify-content:center; + border:3px solid #CFFF8D; + border-radius:10px; + padding:1% + +} + +#jokeBtn:hover{ + color:#425F57; + background-color:#CFFF8D; +} +#icon2 { + margin-top:50px; + display:flex; + flex-direction:row; + justify-content:center; + +} +path{ + width:1100px; +} \ No newline at end of file