commit 5df8484e8f5851e618ba055bd437e4b5197cacf8 Author: joshashtondev Date: Tue Aug 4 06:53:36 2026 -0600 init commit diff --git a/canvas.html b/canvas.html new file mode 100644 index 0000000..13d5fa1 --- /dev/null +++ b/canvas.html @@ -0,0 +1,23 @@ + + + + + + + + + + + + + Joshua Ashton + + + + + +
+ + + + \ No newline at end of file diff --git a/canvasStyle.css b/canvasStyle.css new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/canvasStyle.css @@ -0,0 +1 @@ + diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..eca63c5 --- /dev/null +++ b/css/style.css @@ -0,0 +1,98 @@ +* { + + border: 1px black solid; + +} + +body { + margin:0; + height:100vh; + background: + linear-gradient( + 135deg, + hsl(279deg 33% 47%) 0%, + hsl(279deg 40% 33%) 39%, + hsl(279deg 62% 19%) 61%, + hsl(279deg 94% 7%) 100% + ); + background-size:300% 100%,cover; + animation:change 4s linear infinite; + animation-direction: alternate; +} + +@keyframes change { + from { + background-position:right,center; + } +} + +h1, h2, h3, p { + + font-family: Lato, sans-serif; + color: white; + +} + +.bg-light { + + background-color: white; + + border-color: red; + padding: 0; + +} + +.navbar-brand { + + padding-left: 15px; + +} + +.nav-link { + + background-color: white; + color: #4A245E; + + animation: 500ms; + +} + +.nav-link:hover { + + background-color: #4A245E; + color: white; + +} + +h1 { + + font-size: 8vw; + +} + + +h2 { + + font-size: 4vw; + +} + +h3 { + + font-size: 3vw; + +} + +p { + + font-size: 2vw; + +} + +.container { + + padding: 1vw; + + align-content: center; + +} \ No newline at end of file diff --git a/horizontal-menu/.DS_Store b/horizontal-menu/.DS_Store new file mode 100644 index 0000000..39ef9b9 Binary files /dev/null and b/horizontal-menu/.DS_Store differ diff --git a/horizontal-menu/._.DS_Store b/horizontal-menu/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/horizontal-menu/._.DS_Store differ diff --git a/horizontal-menu/._about.html b/horizontal-menu/._about.html new file mode 100644 index 0000000..41ce9b1 Binary files /dev/null and b/horizontal-menu/._about.html differ diff --git a/horizontal-menu/._contact.html b/horizontal-menu/._contact.html new file mode 100644 index 0000000..3a18504 Binary files /dev/null and b/horizontal-menu/._contact.html differ diff --git a/horizontal-menu/._index.html b/horizontal-menu/._index.html new file mode 100644 index 0000000..1f2941d Binary files /dev/null and b/horizontal-menu/._index.html differ diff --git a/horizontal-menu/._order.html b/horizontal-menu/._order.html new file mode 100644 index 0000000..fd440e1 Binary files /dev/null and b/horizontal-menu/._order.html differ diff --git a/horizontal-menu/about.html b/horizontal-menu/about.html new file mode 100644 index 0000000..1360a45 --- /dev/null +++ b/horizontal-menu/about.html @@ -0,0 +1,37 @@ + + + + + + + About + + + + + +

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur lorem donec massa sapien faucibus et molestie ac. Senectus et netus et malesuada fames ac turpis. Integer malesuada nunc vel risus commodo viverra maecenas accumsan lacus. Libero justo laoreet sit amet cursus. Montes nascetur ridiculus mus mauris vitae ultricies leo. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio. Habitant morbi tristique senectus et netus et malesuada fames. Ultricies integer quis auctor elit sed vulputate mi sit. Nullam ac tortor vitae purus faucibus ornare.

+ +

Elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi. Massa enim nec dui nunc mattis enim ut tellus. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Sapien pellentesque habitant morbi tristique senectus et netus et. Potenti nullam ac tortor vitae. Pharetra vel turpis nunc eget lorem dolor sed viverra. Amet risus nullam eget felis eget nunc lobortis. Pretium quam vulputate dignissim suspendisse in. Lacus laoreet non curabitur gravida arcu. Sit amet tellus cras adipiscing. Ut morbi tincidunt augue interdum velit euismod in. Sed id semper risus in hendrerit. Placerat orci nulla pellentesque dignissim enim sit. Sollicitudin ac orci phasellus egestas tellus. Convallis posuere morbi leo urna molestie at. In vitae turpis massa sed. Diam sollicitudin tempor id eu nisl nunc mi ipsum faucibus. Eget arcu dictum varius duis.

+ +

Faucibus pulvinar elementum integer enim neque volutpat ac. Ut lectus arcu bibendum at varius vel. Viverra nam libero justo laoreet sit amet cursus sit amet. Elit at imperdiet dui accumsan sit amet nulla facilisi morbi. Urna molestie at elementum eu facilisis. Non diam phasellus vestibulum lorem sed. Cras semper auctor neque vitae tempus. In hendrerit gravida rutrum quisque non tellus orci ac auctor. Cursus euismod quis viverra nibh cras pulvinar mattis nunc. Leo a diam sollicitudin tempor id eu nisl.

+ +

Viverra suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Urna neque viverra justo nec. Nec sagittis aliquam malesuada bibendum arcu. Sit amet consectetur adipiscing elit ut aliquam purus sit. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim tortor. Massa tempor nec feugiat nisl pretium fusce id. Potenti nullam ac tortor vitae purus. Tortor at auctor urna nunc id cursus metus aliquam eleifend. Amet massa vitae tortor condimentum lacinia quis vel. Nulla facilisi cras fermentum odio eu. Elit pellentesque habitant morbi tristique senectus et netus et. Cursus in hac habitasse platea dictumst quisque sagittis. Sit amet porttitor eget dolor morbi non arcu. Nunc sed id semper risus.

+ +

Commodo quis imperdiet massa tincidunt nunc. In massa tempor nec feugiat nisl pretium fusce. Congue nisi vitae suscipit tellus mauris a. Quis eleifend quam adipiscing vitae proin sagittis nisl. Accumsan sit amet nulla facilisi. Vel pharetra vel turpis nunc eget lorem. Sed odio morbi quis commodo. Blandit libero volutpat sed cras ornare arcu dui vivamus. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a. Interdum posuere lorem ipsum dolor sit amet consectetur. Condimentum lacinia quis vel eros donec ac odio tempor orci. Laoreet sit amet cursus sit amet dictum. Urna nunc id cursus metus.

+ + + \ No newline at end of file diff --git a/horizontal-menu/contact.html b/horizontal-menu/contact.html new file mode 100644 index 0000000..11a5f3e --- /dev/null +++ b/horizontal-menu/contact.html @@ -0,0 +1,37 @@ + + + + + + + Contact + + + + + +

+ +

+ + + \ No newline at end of file diff --git a/horizontal-menu/css/style.css b/horizontal-menu/css/style.css new file mode 100644 index 0000000..6914cd3 --- /dev/null +++ b/horizontal-menu/css/style.css @@ -0,0 +1,80 @@ +* { + + margin: 0; + +} + +body { + + font-family: Lato, sans-serif; + background-color: #4A245E; + +} + +ul { + + float: right; + margin-top: .6em; + +} + +nav { + + background-color: white; + +} + +li { + + padding-top: .5em; + padding-bottom: .5em; + padding-left: 1em; + padding-right: 1em; + + display: inline-block; + background-color: #4A245E; + +} + +li:hover { + + background-color: white; + color: #4A245E; + +} + +a { + + font-size: 2em; + font-style: normal; + background-color: #4A245E; + color: white; + text-decoration: none; + +} + +a:hover { + + background-color: white; + color: #4A245E; + +} + +h1 { + + padding-left: 1em; + + font-size: 5em; + color: #4A245E; + +} + +p { + + font-size: 1em; + color: white; + padding: 1em; + padding-bottom: 2em; + text-align: justify; + +} \ No newline at end of file diff --git a/horizontal-menu/index.html b/horizontal-menu/index.html new file mode 100644 index 0000000..cf553c0 --- /dev/null +++ b/horizontal-menu/index.html @@ -0,0 +1,37 @@ + + + + + + + Home + + + + + +

+ +

+ + + \ No newline at end of file diff --git a/horizontal-menu/order.html b/horizontal-menu/order.html new file mode 100644 index 0000000..86c4493 --- /dev/null +++ b/horizontal-menu/order.html @@ -0,0 +1,37 @@ + + + + + + + Order + + + + + +

+ +

+ + + \ No newline at end of file diff --git a/image-map/.DS_Store b/image-map/.DS_Store new file mode 100644 index 0000000..30eab00 Binary files /dev/null and b/image-map/.DS_Store differ diff --git a/image-map/._.DS_Store b/image-map/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/image-map/._.DS_Store differ diff --git a/image-map/._index.html b/image-map/._index.html new file mode 100644 index 0000000..396ab99 Binary files /dev/null and b/image-map/._index.html differ diff --git a/image-map/css/.DS_Store b/image-map/css/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/image-map/css/.DS_Store differ diff --git a/image-map/css/._.DS_Store b/image-map/css/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/image-map/css/._.DS_Store differ diff --git a/image-map/css/._style.css b/image-map/css/._style.css new file mode 100644 index 0000000..9eeb3af Binary files /dev/null and b/image-map/css/._style.css differ diff --git a/image-map/css/style.css b/image-map/css/style.css new file mode 100644 index 0000000..f5c8ec9 --- /dev/null +++ b/image-map/css/style.css @@ -0,0 +1,21 @@ +body { + + background-color: #4A245E; + + +} + +h1, p, ul { + + font-family: Lato, sans-serif; + text-align: left; + color: white; + font-size: 3vw; + +} + +p, ul { + + font-size: 1vw; + +} \ No newline at end of file diff --git a/image-map/img/.DS_Store b/image-map/img/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/image-map/img/.DS_Store differ diff --git a/image-map/img/._.DS_Store b/image-map/img/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/image-map/img/._.DS_Store differ diff --git a/image-map/img/._swmap.jpeg b/image-map/img/._swmap.jpeg new file mode 100644 index 0000000..f5dd4e4 Binary files /dev/null and b/image-map/img/._swmap.jpeg differ diff --git a/image-map/img/swmap.jpeg b/image-map/img/swmap.jpeg new file mode 100644 index 0000000..9059989 Binary files /dev/null and b/image-map/img/swmap.jpeg differ diff --git a/image-map/index.html b/image-map/index.html new file mode 100644 index 0000000..cc757f8 --- /dev/null +++ b/image-map/index.html @@ -0,0 +1,127 @@ + + + + + + + Interactive Star Wars Map + + + + + + +
+

Interactive Star Wars Galaxy Map

+ +
+

I am an enormous fan of Star Wars. For this assignment, I chose to create an image-map of the Star Wars galaxy. In other words, this map is interactable. Almost every part of the galaxy map has an associated area. The area's include, but are not limited to:

+ +
+

Planets and moons seen in the live-action movies and TV shows;
Planets and moons from the video games, animated TV shows, and books;
Space stations and mining facilities; and
Regions of this galaxy far, far away.

+ +
+

While I may have missed some notable locations, my goal was to create an interactive image map that covers every location we have ever seen or heard of. Coruscant, Endor, Hoth, Bespin, Dagobah, Tatooine and other notable planets were chosen, since such major plot points take place on these worlds. Other planets such as Christophsis, Korriban, Mortis, Dathomire, and Taris were chosen due to the community's enjoyment of storylines that took place in TV or video games on these planets.

+ +
+

Furthermore, any planets that are an alien species' home planet are also included. Neimodia, located in the Interior, is the home planet of the Neimoidians most known for their role in running the Trade Federation in the last years of the Galactic Republic, and forming the Confederacy of Independent Systems' droid army during the Clone Wars. The Bith are gifted performers, best known for their performances in cantinas, and come from the planet Bith. Devaronian's, the species of the devil-horned alien seen for a brief moment in Episode IV: A New Hope's cantina scene, hail from the planet Devaron. The infamous bounty hunter Bossk, a Trandoshan, is a member of the native species of Trandosha. Through the interactive map, you may make some interesting notes such as Trandosha's proximity to Kashyyyk, homeworld of the Wookiees, a species the Trandoshan's hunt for sport. + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..1f5ea4b --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + + + + + + + + + Joshua Ashton + + + + + +

+ +

Hi, I'm Josh Ashton.

+ +

I'm a CS student at Salt Lake Community College, and this is my final project for CSIS1430.

+ + +

Lorem ipsum dolor sit amet, per ex altera ridens. Illud soleat possim eu eos, in prima libris prodesset nam, vix ex quando adolescens. In dicunt omnium cum. Mel consulatu aliquando incorrupte an, aperiri impedit scribentur ex nec. Duis omnes eum an, ad mel dicit adipiscing. An ius torquatos rationibus, no mazim graeco alterum cum.

+ +

Random Quote Generator

+ + + +

+ +

Reflection

+ +

+ + + + + + \ No newline at end of file diff --git a/js-birthday/css/style.css b/js-birthday/css/style.css new file mode 100644 index 0000000..251d4f1 --- /dev/null +++ b/js-birthday/css/style.css @@ -0,0 +1,19 @@ +body { + + background-color: rgb(57, 36, 57); + color: white; + font-family: Lato, Helvetica, sans-serif; + +} + +h1, p { + + text-align: center; + +} + +h1 { + + font-size: 5em; + +} \ No newline at end of file diff --git a/js-birthday/index.html b/js-birthday/index.html new file mode 100644 index 0000000..9dd3d3f --- /dev/null +++ b/js-birthday/index.html @@ -0,0 +1,16 @@ + + + + + + + JS Birthday + + + +

+ +

It's your special time of the year, where you're another year older! What new adventures await for the next year? Only time will tell...

+ + + diff --git a/js-birthday/js/script.js b/js-birthday/js/script.js new file mode 100644 index 0000000..e2dd1df --- /dev/null +++ b/js-birthday/js/script.js @@ -0,0 +1,17 @@ +var userName = prompt("What is your name?"); +var userAge = prompt("What is your age?"); + +if(userAge < 50) { + + alert("Welcome, " + userName +"! You're " + userAge + ". You're so young!"); + +} else { + + alert("Welcome, " + userName +"! You're " + userAge + ".\n\nWhat was it like when dinosaurs roamed the Earth?"); + +} +window.onload = function() { + + document.getElementById("personalizedGreetings").innerHTML = "Happy " + userAge + " birthday, " + userName + "!" + +} diff --git a/little-boxes/.DS_Store b/little-boxes/.DS_Store new file mode 100644 index 0000000..f5c71e8 Binary files /dev/null and b/little-boxes/.DS_Store differ diff --git a/little-boxes/._.DS_Store b/little-boxes/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/little-boxes/._.DS_Store differ diff --git a/little-boxes/._index.html b/little-boxes/._index.html new file mode 100644 index 0000000..257fa03 Binary files /dev/null and b/little-boxes/._index.html differ diff --git a/little-boxes/.vscode/settings.json b/little-boxes/.vscode/settings.json new file mode 100644 index 0000000..2645745 --- /dev/null +++ b/little-boxes/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "livePreview.defaultPreviewPath": "d:\\school\\FALL 2022\\CSIS1430\\csis1430\\public_html\\little-boxes\\index.html" +} \ No newline at end of file diff --git a/little-boxes/css/style.css b/little-boxes/css/style.css new file mode 100644 index 0000000..f9907d5 --- /dev/null +++ b/little-boxes/css/style.css @@ -0,0 +1,462 @@ +/*Background color*/ +html { + + background-color: #4A245E; + +} + +/*HEAD & HAIR*/ + + /* Position, size, color, and shape of the head */ + #head { + + margin: 10em; + + height: 775px; + width: 600px; + + background-color: #d2a679; + + border: 2px solid black; + border-radius: 90% 90% 100% 100%; + + } + + /*Position, size, color, and shape of the hair.*/ + .hair { + + position: relative; + bottom: 33px; + left: 13px; + + } + + #topHair { + + width: 575px; + height: 170px; + + background-color: #1a0d00; + + border-radius: 10% 10% 0% 0% / 90% 90% 0% 0%; + + } + + #leftHair { + + top: 170px; + left: 0; + + width: 0; + height: 0; + + border-bottom: 60px solid transparent; + + border-left: 60px solid #1a0d00; + + } + + #rightHair { + + top: 110px; + left: 515px; + + width: 0; + height: 0; + + border-bottom: 60px solid transparent; + + border-right:60px solid #1a0d00; + + } + +/*HEADPHONES*/ + + /*Position, size, and shape of headphone headband.*/ + #headrest { + + position: relative; + bottom: 2em; + height: 5em; + + background-color: black; + + border: 1px solid black; + border-radius: 130% 130% 40% 40%; + + } + + /*Position of the headphone's stems.*/ + #leftStem, #rightStem { + + position: relative; + + } + + /*Position, size, color, and shape of the left headphone stem.*/ + #leftStem { + + right: 2.3em; + float: left; + + height: 500px; + width: 50px; + + background-color: black; + + border-radius: 200% 10% 70% 25%; + + } + + /*Position, size, color, and shape of the left headphone's ear-cup.*/ + #leftEar { + + position: relative; + top: 17.05em; + right: 5em; + + height: 225px; + width: 100px; + + background-color: black; + + border: 1px solid black; + border-radius: 45% 0% 0% 45%; + + + + } + + /*Position, size, color, and shape of the right headphone stem.*/ + #rightStem { + + left: 2.4em; + bottom: 5em; + float: right; + + height: 500px; + width: 50px; + + background-color: black; + + border-radius: 10% 200% 25% 70%; + + } + + /*Position, size, color, and shape of the right headphone's ear-cup.*/ + #rightEar { + + position: relative; + top: 17.05em; + left: 2em; + + height: 225px; + width: 100px; + + background-color: black; + + border: 1px solid black; + border-radius: 0% 45% 45% 0%; + + } + +/*EYEBROWS*/ + + /*Position and size of the eyebrow container.*/ + .eyebrowContainer { + + margin-top: 10%; + + height: 1.3em; + width: 600px; + + } + + /*Size and color of the eyebrows.*/ + #leftBrow, #rightBrow { + + width: 12em; + height: 1.5em; + + background-color: #261a0d; + + } + + /*Position and shape of the left eyebrow.*/ + #leftBrow { + + float: left; + + border-radius: 180% 20% 30% 45%; + + } + + /*Position and shape of the right eyebrow.*/ + #rightBrow { + + float: right; + + border-radius: 20% 180% 45% 30%; + + } + +/*EYES*/ + + /* Positioning the eyes relative to the head */ + #eyeArea { + + margin-top: 5%; + margin-left: 20%; + margin-right: 20%; + + } + + /*Positioning all contents of the eye class to the center of (x,y), and making the size, color, and shape of the eye.*/ + .eye { + + display: flex; + align-items: center; + justify-content: center; + + height: 100px; + width: 100px; + + background-color: #d9d9d9; + + border-radius: 50%; + + } + + /*Position, size, color, and shape of the eye-color.*/ + .eyeColor { + + position: absolute; + + height: 40px; + width: 40px; + + background-color: #392613; + + border-radius: 50%; + + } + + /*Center of the eye class, the pupil is the smallest circle within the eye. Position in z-index, + size, color, and shape of the pupil.*/ + .pupil { + + position: absolute; + + height: 13px; + width: 13px; + + background-color: black; + + border-radius: 50%; + + } + + .topLid { + + position: relative; + bottom: 25px; + + height: 25px; + width: 100px; + + background-color: #cc9966; + border: 1px solid #d2a679; + + border-radius: 125px 125px 0 0; + + } + + .bottomLid { + + position: relative; + top: 25px; + + height: 30px; + width: 100px; + background-color: #cc9966; + border: 1px solid #d2a679; + + border-radius: 0 0 200px 200px ; + + } + + /*Position of the left eye.*/ + #leftEye { + + float: left; + + } + + /*Position of the right eye.*/ + #rightEye { + + float: right; + + } + +/*GLASSES*/ + + /*Position, size, color, and shape of the glasses.*/ + .glasses { + + position: absolute; + z-index: 50; + + height: 140px; + width: 200px; + + border: 4px solid black; + border-radius: 35%; + border-width: 5px; + + } + + /*Position, size, and color of the glasses' ear hooks. Also applied to the nose bridge part of the + glasses.*/ + .earHook, #bridge { + + display: inline-block; + + position: relative; + + height: 4px; + width: 150px; + + background-color: black; + + } + + /*Positions the glasses' left ear hook.*/ + #leftEarHook { + + float: left; + left: 100px; + position: absolute; + + } + + /*Positions and re-sizes the glasses' nose bridge.*/ + #bridge { + + left: 50px; + + width: 60px; + + } + + /*Positions the glasses' right ear hook.*/ + #rightEarHook { + + float: right; + right: 70px; + position: absolute; + + } + +/*NOSE*/ + + /*Position and size of the nose container.*/ + .nose { + + position: relative; + display: inline-block; + left: 21px; + + width: 115px; + height: 150px; + + } + + /*Position, size, color, and shape of the nose's ridge.*/ + #noseRidge { + + position: relative; + left: 25px; + z-index: 1; + + height: 140px; + width: 60px; + + background-color: #d2a679; + border: 3px solid #cc9966; + + border-radius: 100% 100% 75% 75%; + + } + + /*Common position, size, color, and shape of the left and right nostril.*/ + #leftNostril, #rightNostril { + + position: relative; + bottom: 50px; + + height: 40px; + width: 40px; + + border: 4px solid #cc9966; + + border-radius: 50%; + + } + + /*Left nostril's specific positioning.*/ + #leftNostril { + + float: left; + left: 10px; + + } + + /*Left nostril's specific positioning.*/ + #rightNostril { + + float: right; + right: 10px; + + } + +/*MOUTH*/ + + /*Position and size of the mouth container.*/ + .mouthContainer { + + position: relative; + display: flex; + align-items: center; + justify-content: center; + bottom: 20px; + left: 125px; + + width: 350px; + height: 200px; + + } + + /*Size, color, and shape of the mouth.*/ + #mouth { + + height: 70px; + width: 220px; + + background-color: #cc9966; + + border-radius: 60px 60px 175px 175px; + + } + + /*Size, color, and shape of the mouth's lips together.*/ + #lips { + + height: 30px; + + border-top: none; + border-bottom: 3px solid #bf8040; + + border-radius: 60px 60px 175px 175px; + + } \ No newline at end of file diff --git a/little-boxes/index.html b/little-boxes/index.html new file mode 100644 index 0000000..5d23b1d --- /dev/null +++ b/little-boxes/index.html @@ -0,0 +1,115 @@ + + + + + + + Self-portrait | Little-Boxes + + + + +

+ +

+ + + + \ No newline at end of file diff --git a/lottery/css/1 b/lottery/css/1 new file mode 100644 index 0000000..49af27e --- /dev/null +++ b/lottery/css/1 @@ -0,0 +1,45 @@ +body { + +margin: auto; +position: relative; + +background-color: #4A245E; +font-family: Lato sans-serif; +color: white; + +} + +h1 { + +padding: 25px; +font-size: 5em; + +} + +div { + +display: inline-block; +margin: auto; + +} + +button { + +background-color: white; +color: #4A245E; +border: none; +padding: 25px; +text-decoration: none; +font-size: 1.5em; +font-family: Lato sans-serif; +display: inline-block; + +} + +p { + +padding : 25px; +font-size: 2em; +display: inline-block; + +} diff --git a/lottery/css/style.css b/lottery/css/style.css new file mode 100644 index 0000000..fdadc07 --- /dev/null +++ b/lottery/css/style.css @@ -0,0 +1,48 @@ +body { + +margin: auto; +position: relative; + +background-color: #4A245E; +font-family: Lato sans-serif; +color: white; + +text-align: center; + +} + +h1 { + +padding: 25px; +font-size: 5em; + +} + +div { + +display: inline-block; +margin: auto; +width: 50%; + +} + +button { + +background-color: white; +color: #4A245E; +border: none; +padding: 25px; +text-decoration: none; +font-size: 1.5em; +font-family: Lato sans-serif; +display: inline-block; + +} + +p { + +padding : 25px; +font-size: 2em; +display: inline-block; + +} diff --git a/lottery/favicon.ico b/lottery/favicon.ico new file mode 100644 index 0000000..e69de29 diff --git a/lottery/index.html b/lottery/index.html new file mode 100644 index 0000000..d419774 --- /dev/null +++ b/lottery/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + Lottery + + + + + +

Ashton's Lottery

+ +

+ + + +

Awaiting player...

+ +

+ + + + + + diff --git a/lottery/js/index.js b/lottery/js/index.js new file mode 100644 index 0000000..28e387b --- /dev/null +++ b/lottery/js/index.js @@ -0,0 +1,71 @@ + +//function userPrompt() { + +let size = prompt("Please enter the lottery size you\'d like:"); + +console.log(size); + +function clickRegistered() { + + console.log("Click registered, printing to console."); + +} + +//} + + +/* +const playButton = document.querySelector("#playbutton") + +function userPrompt() { + + let size = prompt("Please enter the lottery size you\'d like:"); + + if((size == null) || (size < 1) || (size < 10)) { + + userPrompt(); + + } else { + + createArray(size); + + } + +} + +function createArray(size) { + + const lotteryPool = []; + + for(let i = 0; i < size; i ++) { + + lotteryPool[i] = Math.floor(Math.random() * 100); + + } + + displayOutput(lotteryPool); + +} + +function displayOutput(lotteryPool) { + + let result = ""; + + for(let i = 0; i < lotteryPool.length; i++) { + + if(i < lotteryPool.length - 1) { + + result += lotteryPool[i] + "-"; + + } else { + + result += lotteryPool[i]; + + } + + } + + document.getElementById("output").innerHtml = result; + +} +*/ diff --git a/lottery/js/script.js b/lottery/js/script.js new file mode 100644 index 0000000..6a98aaf --- /dev/null +++ b/lottery/js/script.js @@ -0,0 +1,61 @@ +const size = prompt("Please enter the size of the lottery pool:"); + +const lotteryValues = []; + +window.onLoad = start(); + +function start() { + + createArray(); + +} + +function refresh() { + + createArray(); + +} + +function createArray() { + + for(let i = 0; i < size; i++) { + + lotteryValues[i] = getRandomInt(); + + } + + generateOutput(); + +} + +function generateOutput() { + + let output = ""; + + for(let i = 0; i < lotteryValues.length; i++) { + + output += lotteryValues[i]; + + if(i < lotteryValues.length - 1) { + + output += "-"; + + } + + } + + document.getElementById("output").innerHTML = output + +} + +function getRandomInt() { + + let min = 1; + let max = 100; + + min = Math.ceil(min); + max = Math.floor(max); + + return Math.floor(Math.random() * (max - min) + min); + +} diff --git a/mad-lib/css/style.css b/mad-lib/css/style.css new file mode 100644 index 0000000..b043e59 --- /dev/null +++ b/mad-lib/css/style.css @@ -0,0 +1,82 @@ +* { + + margin: auto; + position: relative; + + font-family: Lato sans-serif; + font-size: 1em; + color: white; + + background-color: #4A245E; + +} + +form { + + width: 60%; + +} + +input { + + padding: 1em; + margin: .5em; + + min-width: 6.1em; + border-radius: 10px; + border: none; + + color: #4A245E; + background-color: white; + + transition: 500ms; + +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + + -webkit-appearance: none; + margin: 0; + +} + +input::placeholder { + + color: #4A245E; + +} + +input:focus { + + background-color: #4A245E; + color: white; + +} + +h1 { + + margin: auto; + position:relative; + font-size: 5em; + text-align: center; + +} + +h4 { + + margin: auto; + position: relative; + width: 60%; + font-size: 2em; + text-align: center; + +} + +p { + + margin: auto; + position: relative; + width: 50%; + +} diff --git a/mad-lib/index.html b/mad-lib/index.html new file mode 100644 index 0000000..5f4e679 --- /dev/null +++ b/mad-lib/index.html @@ -0,0 +1,63 @@ + + + + + + + + + + Mad Libs + + + + + +

Mad Libs!

+ +

Leave boxes blank for random words when you click submit!

+ + + + +

+ + + + + + + diff --git a/mad-lib/js/script.js b/mad-lib/js/script.js new file mode 100644 index 0000000..1350f9f --- /dev/null +++ b/mad-lib/js/script.js @@ -0,0 +1,139 @@ +const formFields = document.getElementsByTagName("input"); +const fields = []; + +const nouns = ["accelerator", "accordion", "account", "accountant", "acknowledgment", "acoustic", "acrylic", "act", "action", "active", "activity", "actor", "actress", "adapter", "addition", "address", "adjustment", "adult", "advantage", "advertisement", "advice", "afghanistan", "africa", "aftermath", "afternoon", "aftershave", "afterthought", "age", "agenda", "agreement", "air", "airbus", "airmail", "airplane", "airport", "airship", "alarm", "albatross", "alcohol", "algebra", "algeria", "alibi", "alley", "alligator", "alloy", "almanac", "alphabet", "alto", "aluminium", "aluminum", "ambulance", "america", "amount", "amusement", "anatomy", "anethesiologist", "anger", "angle", "angora", "animal", "anime", "ankle", "answer", "ant", "antarctica", "anteater", "antelope", "anthony", "anthropology", "apartment", "apology", "apparatus", "apparel", "appeal", "appendix", "apple", "appliance", "approval", "april", "aquarius", "arch", "archaeology", "archeology", "archer", "architecture", "area", "argentina", "argument", "aries", "arithmetic", "arm", "armadillo", "armchair", "armenian", "army", "arrow", "art", "ash", "ashtray", "asia", "asparagus", "asphalt", "asterisk", "astronomy", "athlete", "atm", "atom", "attack", "attempt", "attention", "attic", "attraction", "august", "aunt", "australia", "australian", "author", "authorisation", "authority", "authorization", "avenue", "babies", "baboon", "baby", "back", "backbone", "bacon", "badge", "badger", "bag", "bagel", "bagpipe", "bail", "bait", "baker", "bakery", "balance", "balinese", "ball", "balloon", "bamboo", "banana", "band", "bandana", "bangladesh", "bangle", "banjo", "bank", "bankbook", "banker", "bar", "barbara", "barber", "barge", "baritone", "barometer", "base", "baseball", "basement", "basin", "basket", "basketball", "bass", "bassoon", "bat", "bath", "bathroom", "bathtub", "battery", "battle", "bay", "beach", "bead", "beam", "bean", "bear", "beard", "beast", "beat", "beautician", "beauty", "beaver", "bed", "bedroom", "bee", "beech", "beef", "beer", "beet", "beetle", "beggar", "beginner", "begonia", "behavior", "belgian", "belief", "believe", "bell", "belt", "bench", "bengal", "beret", "berry", "bestseller", "betty", "bibliography", "bicycle", "bike", "bill", "billboard", "biology", "biplane", "birch", "bird", "birth", "birthday", "bit", "bite", "black", "bladder", "blade", "blanket", "blinker", "blizzard", "block", "blood", "blouse", "blow", "blowgun", "blue", "board", "boat", "bobcat", "body", "bolt", "bomb", "bomber", "bone", "bongo", "bonsai", "book", "bookcase", "booklet", "boot", "border", "botany", "bottle", "bottom", "boundary", "bow", "bowl", "bowling", "box", "boy", "bra", "brace", "bracket", "brain", "brake", "branch", "brand", "brandy", "brass", "brazil", "bread", "break", "breakfast", "breath", "brian", "brick", "bridge", "british", "broccoli", "brochure", "broker", "bronze", "brother", "brother-in-law", "brow", "brown", "brush", "bubble", "bucket", "budget", "buffer", "buffet", "bugle", "building", "bulb", "bull", "bulldozer", "bumper", "bun", "burglar", "burma", "burn", "burst", "bus", "bush", "business", "butane", "butcher", "butter", "button", "buzzard", "c-clamp", "cabbage", "cabinet", "cable", "cactus", "cafe", "cake", "calculator", "calculus", "calendar", "calf", "call", "camel", "camera", "camp", "can", "canada", "canadian", "cancer", "candle", "cannon", "canoe", "canvas", "cap", "capital", "cappelletti", "capricorn", "captain", "caption", "car", "caravan", "carbon", "card", "cardboard", "cardigan", "care", "carnation", "carol", "carp", "carpenter", "carriage", "carrot", "cart", "cartoon", "case", "cast", "castanet", "cat", "catamaran", "caterpillar", "cathedral", "catsup", "cattle", "cauliflower", "cause", "caution", "cave", "cd", "ceiling", "celery", "celeste", "cell", "cellar", "cello", "celsius", "cement", "cemetery", "cent", "centimeter", "century", "ceramic", "cereal", "certification", "chain", "chair", "chalk", "chance", "change", "channel", "character", "chard", "charles", "chauffeur", "check", "cheek", "cheese", "cheetah", "chef", "chemistry", "cheque", "cherries", "cherry", "chess", "chest", "chick", "chicken", "chicory", "chief", "child", "children", "chill", "chime", "chimpanzee", "chin", "china", "chinese", "chive", "chocolate", "chord", "christmas", "christopher", "chronometer", "church", "cicada", "cinema", "circle", "circulation", "cirrus", "citizenship", "city", "clam", "clarinet", "class", "claus", "clave", "clef", "clerk", "click", "client", "climb", "clipper", "cloakroom", "clock", "close", "closet", "cloth", "cloud", "cloudy", "clover", "club", "clutch", "coach", "coal", "coast", "coat", "cobweb", "cockroach", "cocktail", "cocoa", "cod", "coffee", "coil", "coin", "coke", "cold", "collar", "college", "collision", "colombia", "colon", "colony", "color", "colt", "column", "columnist", "comb", "comfort", "comic", "comma", "command", "commission", "committee", "community", "company", "comparison", "competition", "competitor", "composer", "composition", "computer", "condition", "condor", "cone", "confirmation", "conga", "congo", "conifer", "connection", "consonant", "continent", "control", "cook", "cooking", "copper", "copy", "copyright", "cord", "cork", "cormorant", "corn", "cornet", "correspondent", "cost", "cotton", "couch", "cougar", "cough", "country", "course", "court", "cousin", "cover", "cow", "cowbell", "crab", "crack", "cracker", "craftsman", "crate", "crawdad", "crayfish", "crayon", "cream", "creator", "creature", "credit", "creditor", "creek", "crib", "cricket", "crime", "criminal", "crocodile", "crocus", "croissant", "crook", "crop", "cross", "crow", "crowd", "crown", "crush", "cry", "cub", "cuban", "cucumber", "cultivator", "cup", "cupboard", "cupcake", "curler", "currency", "current", "curtain", "curve", "cushion", "custard", "customer", "cut", "cuticle", "cycle", "cyclone", "cylinder", "cymbal", "dad", "daffodil", "dahlia", "daisy", "damage", "dance", "dancer", "danger", "daniel", "dash", "dashboard", "database", "date", "daughter", "david", "day", "dead", "deadline", "deal", "death", "deborah", "debt", "debtor", "decade", "december", "decimal", "decision", "decrease", "dedication", "deer", "defense", "deficit", "degree", "delete", "delivery", "den", "denim", "dentist", "deodorant", "department", "deposit", "description", "desert", "design", "desire", "desk", "dessert", "destruction", "detail", "detective", "development", "dew", "diamond", "diaphragm", "dibble", "dictionary", "dietician", "difference", "digestion", "digger", "digital", "dill", "dime", "dimple", "dinghy", "dinner", "dinosaur", "diploma", "dipstick", "direction", "dirt", "disadvantage", "discovery", "discussion", "disease", "disgust", "dish", "distance", "distribution", "distributor", "diving", "division", "divorced", "dock", "doctor", "dog", "dogsled", "doll", "dollar", "dolphin", "domain", "donald", "donkey", "donna", "door", "dorothy", "double", "doubt", "downtown", "dragon", "dragonfly", "drain", "drake", "drama", "draw", "drawbridge", "drawer", "dream", "dredger", "dress", "dresser", "dressing", "drill", "drink", "drive", "driver", "driving", "drizzle", "drop", "drug", "drum", "dry", "dryer", "duck", "duckling", "dugout", "dungeon", "dust", "eagle", "ear", "earth", "earthquake", "ease", "east", "edge", "edger", "editor", "editorial", "education", "edward", "eel", "effect", "egg", "eggnog", "eggplant", "egypt", "eight", "elbow", "element", "elephant", "elizabeth", "ellipse", "emery", "employee", "employer", "encyclopedia", "end", "enemy", "energy", "engine", "engineer", "engineering", "english", "enquiry", "entrance", "environment", "epoch", "epoxy", "equinox", "equipment", "era", "error", "estimate", "ethernet", "ethiopia", "euphonium", "europe", "evening", "event", "ex-husband", "ex-wife", "examination", "example", "exchange", "exclamation", "exhaust", "existence", "expansion", "experience", "expert", "explanation", "eye", "eyebrow", "eyelash", "eyeliner", "face", "facilities", "fact", "factory", "fahrenheit", "fairies", "fall", "family", "fan", "fang", "farm", "farmer", "fat", "father", "father-in-law", "faucet", "fear", "feast", "feather", "feature", "february", "fedelini", "feedback", "feeling", "feet", "felony", "female", "fender", "ferry", "ferryboat", "fertilizer", "fiber", "fiberglass", "fibre", "fiction", "field", "fifth", "fight", "fighter", "file", "find", "fine", "finger", "fir", "fire", "fired", "fireman", "fireplace", "firewall", "fish", "fisherman", "flag", "flame", "flare", "flat", "flavor", "flax", "flesh", "flight", "flock", "flood", "floor", "flower", "flugelhorn", "flute", "fly", "foam", "fog", "fold", "font", "food", "foot", "football", "footnote", "force", "forecast", "forehead", "forest", "forgery", "fork", "form", "format", "fortnight", "foundation", "fountain", "fowl", "fox", "foxglove", "fragrance", "frame", "france", "freckle", "freeze", "freezer", "freighter", "french", "freon", "friction", "friday", "fridge", "friend", "frog", "front", "frost", "frown", "fruit", "fuel", "fur", "furniture", "galley", "gallon", "game", "gander", "garage", "garden", "garlic", "gas", "gasoline", "gate", "gateway", "gauge", "gazelle", "gear", "gearshift", "geese", "gemini", "gender", "geography", "geology", "geometry", "george", "geranium", "german", "germany", "ghana", "ghost", "giant", "giraffe", "girdle", "girl", "gladiolus", "glass", "glider", "gliding", "glockenspiel", "glove", "glue", "goal", "goat", "gold", "goldfish", "golf", "gondola", "gong", "good-bye", "goose", "gore-tex", "gorilla", "gosling", "government", "governor", "grade", "grain", "gram", "granddaughter", "grandfather", "grandmother", "grandson", "grape", "graphic", "grass", "grasshopper", "gray", "grease", "great-grandfather", "great-grandmother", "greece", "greek", "green", "grenade", "grey", "grill", "grip", "ground", "group", "grouse", "growth", "guarantee", "guatemalan", "guide", "guilty", "guitar", "gum", "gun", "gym", "gymnast", "hacksaw", "hail", "hair", "haircut", "half-brother", "half-sister", "halibut", "hall", "hallway", "hamburger", "hammer", "hamster", "hand", "handball", "handicap", "handle", "handsaw", "harbor", "hardboard", "hardcover", "hardhat", "hardware", "harmonica", "harmony", "harp", "hat", "hate", "hawk", "head", "headlight", "headline", "health", "hearing", "heart", "heat", "heaven", "hedge", "height", "helen", "helicopter", "helium", "hell", "helmet", "help", "hemp", "hen", "heron", "herring", "hexagon", "hill", "himalayan", "hip", "hippopotamus", "history", "hobbies", "hockey", "hoe", "hole", "holiday", "home", "honey", "hood", "hook", "hope", "horn", "horse", "hose", "hospital", "hot", "hour", "hourglass", "house", "hovercraft", "hub", "hubcap", "humidity", "humor", "hurricane", "hyacinth", "hydrant", "hydrofoil", "hydrogen", "hyena", "hygienic", "ice", "icebreaker", "icicle", "icon", "idea", "ikebana", "illegal", "imprisonment", "improvement", "impulse", "inch", "income", "increase", "index", "india", "indonesia", "industry", "ink", "innocent", "input", "insect", "instruction", "instrument", "insulation", "insurance", "interactive", "interest", "internet", "interviewer", "intestine", "invention", "inventory", "invoice", "iran", "iraq", "iris", "iron", "island", "israel", "italian", "italy", "jacket", "jaguar", "jail", "jam", "james", "january", "japan", "japanese", "jar", "jasmine", "jason", "jaw", "jeans", "jeep", "jeff", "jelly", "jellyfish", "jennifer", "jet", "jewel", "jogging", "john", "join", "joke", "joseph", "journey", "judge", "judo", "juice", "july", "jumbo", "jump", "jumper", "june", "jury", "justice", "jute", "kale", "kamikaze", "kangaroo", "karate", "karen", "kayak", "kendo", "kenneth", "kenya", "ketchup", "kettle", "kettledrum", "kevin", "key", "keyboard", "keyboarding", "kick", "kidney", "kilogram", "kilometer", "kimberly", "kiss", "kitchen", "kite", "kitten", "kitty", "knee", "knickers", "knife", "knight", "knot", "knowledge", "kohlrabi", "korean", "laborer", "lace", "ladybug", "lake", "lamb", "lamp", "lan", "land", "landmine", "language", "larch", "lasagna", "latency", "latex", "lathe", "laugh", "laundry", "laura", "law", "lawyer", "layer", "lead", "leaf", "learning", "leather", "leek", "leg", "legal", "lemonade", "lentil", "leo", "leopard", "letter", "lettuce", "level", "libra", "library", "license", "lier", "lift", "light", "lightning", "lilac", "lily", "limit", "linda", "line", "linen", "link", "lion", "lip", "lipstick", "liquid", "liquor", "lisa", "list", "literature", "litter", "liver", "lizard", "llama", "loaf", "loan", "lobster", "lock", "locket", "locust", "look", "loss", "lotion", "love", "low", "lumber", "lunch", "lunchroom", "lung", "lunge", "lute", "luttuce", "lycra", "lynx", "lyocell", "lyre", "lyric", "macaroni", "machine", "macrame", "magazine", "magic", "magician", "maid", "mail", "mailbox", "mailman", "makeup", "malaysia", "male", "mall", "mallet", "man", "manager", "mandolin", "manicure", "manx", "map", "maple", "maraca", "marble", "march", "margaret", "margin", "maria", "marimba", "mark", "market", "married", "mary", "mascara", "mask", "mass", "match", "math", "mattock", "may", "mayonnaise", "meal", "measure", "meat", "mechanic", "medicine", "meeting", "melody", "memory", "men", "menu", "mercury", "message", "metal", "meteorology", "meter", "methane", "mexican", "mexico", "mice", "michael", "michelle", "microwave", "middle", "mile", "milk", "milkshake", "millennium", "millimeter", "millisecond", "mimosa", "mind", "mine", "mini-skirt", "minibus", "minister", "mint", "minute", "mirror", "missile", "mist", "mistake", "mitten", "moat", "modem", "mole", "mom", "monday", "money", "monkey", "month", "moon", "morning", "morocco", "mosque", "mosquito", "mother", "mother-in-law", "motion", "motorboat", "motorcycle", "mountain", "mouse", "moustache", "mouth", "move", "multi-hop", "multimedia", "muscle", "museum", "music", "musician", "mustard", "myanmar", "nail", "name", "nancy", "napkin", "narcissus", "nation", "neck", "need", "needle", "neon", "nepal", "nephew", "nerve", "nest", "net", "network", "news", "newsprint", "newsstand", "nic", "nickel", "niece", "nigeria", "night", "nitrogen", "node", "noise", "noodle", "north", "north america", "north korea", "norwegian", "nose", "note", "notebook", "notify", "novel", "november", "number", "numeric", "nurse", "nut", "nylon", "oak", "oatmeal", "objective", "oboe", "observation", "occupation", "ocean", "ocelot", "octagon", "octave", "october", "octopus", "odometer", "offence", "offer", "office", "oil", "okra", "olive", "onion", "open", "opera", "operation", "ophthalmologist", "opinion", "option", "orange", "orchestra", "orchid", "order", "organ", "organisation", "organization", "ornament", "ostrich", "otter", "ounce", "output", "outrigger", "oval", "oven", "overcoat", "owl", "owner", "ox", "oxygen", "oyster", "package", "packet", "page", "pail", "pain", "paint", "pair", "pajama", "pakistan", "palm", "pamphlet", "pan", "pancake", "pancreas", "panda", "pansy", "panther", "panties", "pantry", "pants", "panty", "pantyhose", "paper", "paperback", "parade", "parallelogram", "parcel", "parent", "parentheses", "park", "parrot", "parsnip", "part", "particle", "partner", "partridge", "party", "passbook", "passenger", "passive", "pasta", "paste", "pastor", "pastry", "patch", "path", "patient", "patio", "patricia", "paul", "payment", "pea", "peace", "peak", "peanut", "pear", "pedestrian", "pediatrician", "peen", "peer-to-peer", "pelican", "pen", "penalty", "pencil", "pendulum", "pentagon", "peony", "pepper", "perch", "perfume", "period", "periodical", "peripheral", "permission", "persian", "person", "peru", "pest", "pet", "pharmacist", "pheasant", "philippines", "philosophy", "phone", "physician", "piano", "piccolo", "pickle", "picture", "pie", "pig", "pigeon", "pike", "pillow", "pilot", "pimple", "pin", "pine", "ping", "pink", "pint", "pipe", "pisces", "pizza", "place", "plain", "plane", "planet", "plant", "plantation", "plaster", "plasterboard", "plastic", "plate", "platinum", "play", "playground", "playroom", "pleasure", "plier", "plot", "plough", "plow", "plywood", "pocket", "poet", "point", "poison", "poland", "police", "policeman", "polish", "politician", "pollution", "polo", "polyester", "pond", "popcorn", "poppy", "population", "porch", "porcupine", "port", "porter", "position", "possibility", "postage", "postbox", "pot", "potato", "poultry", "pound", "powder", "power", "precipitation", "preface", "prepared", "pressure", "price", "priest", "print", "printer", "prison", "probation", "process", "processing", "produce", "product", "production", "professor", "profit", "promotion", "propane", "property", "prose", "prosecution", "protest", "protocol", "pruner", "psychiatrist", "psychology", "ptarmigan", "puffin", "pull", "puma", "pump", "pumpkin", "punch", "punishment", "puppy", "purchase", "purple", "purpose", "push", "pvc", "pyjama", "pyramid", "quail", "quality", "quart", "quarter", "quartz", "queen", "question", "quicksand", "quiet", "quill", "quilt", "quince", "quit", "quiver", "quotation", "rabbi", "rabbit", "racing", "radar", "radiator", "radio", "radish", "raft", "rail", "railway", "rain", "rainbow", "raincoat", "rainstorm", "rake", "ramie", "random", "range", "rat", "rate", "raven", "ravioli", "ray", "rayon", "reaction", "reading", "reason", "receipt", "recess", "record", "recorder", "rectangle", "red", "reduction", "refrigerator", "refund", "regret", "reindeer", "relation", "relative", "religion", "relish", "reminder", "repair", "replace", "report", "representative", "request", "resolution", "respect", "responsibility", "rest", "restaurant", "result", "retailer", "revolve", "revolver", "reward", "rhinoceros", "rhythm", "rice", "richard", "riddle", "rifle", "ring", "rise", "risk", "river", "riverbed", "road", "roadway", "roast", "robert", "robin", "rock", "rocket", "rod", "roll", "romania", "romanian", "ronald", "roof", "room", "rooster", "root", "rose", "rotate", "route", "router", "rowboat", "rub", "rubber", "rugby", "rule", "run", "russia", "russian", "rutabaga", "ruth", "sack", "sagittarius", "sail", "sailboat", "sailor", "salad", "salary", "sale", "salesman", "salmon", "salt", "sampan", "samurai", "sand", "sandra", "sandwich", "santa", "sarah", "sardine", "satin", "saturday", "sauce", "saudi arabia", "sausage", "save", "saw", "saxophone", "scale", "scallion", "scanner", "scarecrow", "scarf", "scene", "scent", "schedule", "school", "science", "scissors", "scooter", "scorpio", "scorpion", "scraper", "screen", "screw", "screwdriver", "sea", "seagull", "seal", "seaplane", "search", "seashore", "season", "seat", "second", "secretary", "secure", "security", "seed", "seeder", "segment", "select", "selection", "self", "semicircle", "semicolon", "sense", "sentence", "separated", "september", "servant", "server", "session", "sex", "shade", "shadow", "shake", "shallot", "shame", "shampoo", "shape", "share", "shark", "sharon", "shears", "sheep", "sheet", "shelf", "shell", "shield", "shingle", "ship", "shirt", "shock", "shoe", "shoemaker", "shop", "shorts", "shoulder", "shovel", "show", "shrimp", "shrine", "siamese", "siberian", "side", "sideboard", "sidecar", "sidewalk", "sign", "signature", "silica", "silk", "silver", "sing", "singer", "single", "sink", "sister", "sister-in-law", "size", "skate", "skiing", "skill", "skin", "skirt", "sky", "slash", "slave", "sled", "sleep", "sleet", "slice", "slime", "slip", "slipper", "slope", "smash", "smell", "smile", "smoke", "snail", "snake", "sneeze", "snow", "snowboarding", "snowflake", "snowman", "snowplow", "snowstorm", "soap", "soccer", "society", "sociology", "sock", "soda", "sofa", "softball", "softdrink", "software", "soil", "soldier", "son", "song", "soprano", "sort", "sound", "soup", "sousaphone", "south africa", "south america", "south korea", "soy", "soybean", "space", "spade", "spaghetti", "spain", "spandex", "spark", "sparrow", "spear", "specialist", "speedboat", "sphere", "sphynx", "spider", "spike", "spinach", "spleen", "sponge", "spoon", "spot", "spring", "sprout", "spruce", "spy", "square", "squash", "squid", "squirrel", "stage", "staircase", "stamp", "star", "start", "starter", "state", "statement", "station", "statistic", "steam", "steel", "stem", "step", "step-aunt", "step-brother", "step-daughter", "step-father", "step-grandfather", "step-grandmother", "step-mother", "step-sister", "step-son", "step-uncle", "stepdaughter", "stepmother", "stepson", "steven", "stew", "stick", "stinger", "stitch", "stock", "stocking", "stomach", "stone", "stool", "stop", "stopsign", "stopwatch", "store", "storm", "story", "stove", "stranger", "straw", "stream", "street", "streetcar", "stretch", "string", "structure", "study", "sturgeon", "submarine", "substance", "subway", "success", "sudan", "suede", "sugar", "suggestion", "suit", "summer", "sun", "sunday", "sundial", "sunflower", "sunshine", "supermarket", "supply", "support", "surfboard", "surgeon", "surname", "surprise", "susan", "sushi", "swallow", "swamp", "swan", "sweater", "sweatshirt", "sweatshop", "swedish", "sweets", "swim", "swimming", "swing", "swiss", "switch", "sword", "swordfish", "sycamore", "syria", "syrup", "system", "t-shirt", "table", "tablecloth", "tabletop", "tachometer", "tadpole", "tail", "tailor", "taiwan", "talk", "tank", "tanker", "tanzania", "target", "taste", "taurus", "tax", "taxi", "taxicab", "tea", "teacher", "teaching", "team", "technician", "teeth", "television", "teller", "temper", "temperature", "temple", "tempo", "tendency", "tennis", "tenor", "tent", "territory", "test", "text", "textbook", "texture", "thailand", "theater", "theory", "thermometer", "thing", "thistle", "thomas", "thought", "thread", "thrill", "throat", "throne", "thumb", "thunder", "thunderstorm", "thursday", "ticket", "tie", "tiger", "tights", "tile", "timbale", "time", "timer", "timpani", "tin", "tip", "tire", "titanium", "title", "toad", "toast", "toe", "toenail", "toilet", "tom-tom", "tomato", "ton", "tongue", "tooth", "toothbrush", "toothpaste", "top", "tornado", "tortellini", "tortoise", "touch", "tower", "town", "toy", "tractor", "trade", "traffic", "trail", "train", "tramp", "transaction", "transmission", "transport", "trapezoid", "tray", "treatment", "tree", "trial", "triangle", "trick", "trigonometry", "trip", "trombone", "trouble", "trousers", "trout", "trowel", "truck", "trumpet", "trunk", "tsunami", "tub", "tuba", "tuesday", "tugboat", "tulip", "tuna", "tune", "turkey", "turkish", "turn", "turnip", "turnover", "turret", "turtle", "tv", "twig", "twilight", "twine", "twist", "typhoon", "tyvek", "uganda", "ukraine", "ukrainian", "umbrella", "uncle", "underclothes", "underpants", "undershirt", "underwear", "unit", "united kingdom", "unshielded", "use", "utensil", "uzbekistan", "vacation", "vacuum", "valley", "value", "van", "var verbs = [aardvark", "vase", "vault", "vegetable", "vegetarian", "veil", "vein", "velvet", "venezuela", "venezuelan", "verdict", "vermicelli", "verse", "vessel", "vest", "veterinarian", "vibraphone", "vietnam", "view", "vinyl", "viola", "violet", "violin", "virgo", "viscose", "vise", "vision", "visitor", "voice", "volcano", "volleyball", "voyage", "vulture", "waiter", "waitress", "walk", "wall", "wallaby", "wallet", "walrus", "war", "warm", "wash", "washer", "wasp", "waste", "watch", "watchmaker", "water", "waterfall", "wave", "wax", "way", "wealth", "weapon", "weasel", "weather", "wedge", "wednesday", "weed", "weeder", "week", "weight", "whale", "wheel", "whip", "whiskey", "whistle", "white", "wholesaler", "whorl", "wilderness", "william", "willow", "wind", "windchime", "window", "windscreen", "windshield", "wine", "wing", "winter", "wire", "wish", "witch", "withdrawal", "witness", "wolf", "woman", "women", "wood", "wool", "woolen", "word", "work", "workshop", "worm", "wound", "wrecker", "wren", "wrench", "wrinkle", "wrist", "writer", "xylophone", "yacht", "yak", "yam", "yard", "yarn", "year", "yellow", "yew", "yogurt", "yoke", "yugoslavian", "zebra", "zephyr", "zinc", "zipper", "zone", "zoo", "zoology" ]; +const pronouns = ["he", "him", "his", "she", "her", "hers", "they", "them", "y\'all"]; +const verbs = ["accept", "add", "admire", "admit", "advise", "afford", "agree", "alert", "allow", "amuse", "analyse", "announce", "annoy", "answer", "apologise", "appear", "applaud", "appreciate", "approve", "argue", "arrange", "arrest", "arrive", "ask", "attach", "attack", "attempt", "attend", "attract", "avoid", "back", "bake", "balance", "ban", "bang", "bare", "bat", "bathe", "battle", "beam", "beg", "behave", "belong", "bleach", "bless", "blind", "blink", "blot", "blush", "boast", "boil", "bolt", "bomb", "book", "bore", "borrow", "bounce", "bow", "box", "brake", "branch", "breathe", "bruise", "brush", "bubble", "bump", "burn", "bury", "buzz", "calculate", "call", "camp", "care", "carry", "carve", "cause", "challenge", "change", "charge", "chase", "cheat", "check", "cheer", "chew", "choke", "chop", "claim", "clap", "clean", "clear", "clip", "close", "coach", "coil", "collect", "colour", "comb", "command", "communicate", "compare", "compete", "complain", "complete", "concentrate", "concern", "confess", "confuse", "connect", "consider", "consist", "contain", "continue", "copy", "correct", "cough", "count", "cover", "crack", "crash", "crawl", "cross", "crush", "cry", "cure", "curl", "curve", "cycle", "dam", "damage", "dance", "dare", "decay", "deceive", "decide", "decorate", "delay", "delight", "deliver", "depend", "describe", "desert", "deserve", "destroy", "detect", "develop", "disagree", "disappear", "disapprove", "disarm", "discover", "dislike", "divide", "double", "doubt", "drag", "drain", "dream", "dress", "drip", "drop", "drown", "drum", "dry", "dust", "earn", "educate", "embarrass", "employ", "empty", "encourage", "end", "enjoy", "enter", "entertain", "escape", "examine", "excite", "excuse", "exercise", "exist", "expand", "expect", "explain", "explode", "extend", "face", "fade", "fail", "fancy", "fasten", "fax", "fear", "fence", "fetch", "file", "fill", "film", "fire", "fit", "fix", "flap", "flash", "float", "flood", "flow", "flower", "fold", "follow", "fool", "force", "form", "found", "frame", "frighten", "fry", "gather", "gaze", "glow", "glue", "grab", "grate", "grease", "greet", "grin", "grip", "groan", "guarantee", "guard", "guess", "guide", "hammer", "hand", "handle", "hang", "happen", "harass", "harm", "hate", "haunt", "head", "heal", "heap", "heat", "help", "hook", "hop", "hope", "hover", "hug", "hum", "hunt", "hurry", "identify", "ignore", "imagine", "impress", "improve", "include", "increase", "influence", "inform", "inject", "injure", "instruct", "intend", "interest", "interfere", "interrupt", "introduce", "invent", "invite", "irritate", "itch", "jail", "jam", "jog", "join", "joke", "judge", "juggle", "jump", "kick", "kill", "kiss", "kneel", "knit", "knock", "knot", "label", "land", "last", "laugh", "launch", "learn", "level", "license", "lick", "lie", "lighten", "like", "list", "listen", "live", "load", "lock", "long", "look", "love", "man", "manage", "march", "mark", "marry", "match", "mate", "matter", "measure", "meddle", "melt", "memorise", "mend", "mess up", "milk", "mine", "miss", "mix", "moan", "moor", "mourn", "move", "muddle", "mug", "multiply", "murder", "nail", "name", "need", "nest", "nod", "note", "notice", "number", "obey", "object", "observe", "obtain", "occur", "offend", "offer", "open", "order", "overflow", "owe", "own", "pack", "paddle", "paint", "park", "part", "pass", "paste", "pat", "pause", "peck", "pedal", "peel", "peep", "perform", "permit", "phone", "pick", "pinch", "pine", "place", "plan", "plant", "play", "please", "plug", "point", "poke", "polish", "pop", "possess", "post", "pour", "practise", "pray", "preach", "precede", "prefer", "prepare", "present", "preserve", "press", "pretend", "prevent", "prick", "print", "produce", "program", "promise", "protect", "provide", "pull", "pump", "punch", "puncture", "punish", "push", "question", "queue", "race", "radiate", "rain", "raise", "reach", "realise", "receive", "recognise", "record", "reduce", "reflect", "refuse", "regret", "reign", "reject", "rejoice", "relax", "release", "rely", "remain", "remember", "remind", "remove", "repair", "repeat", "replace", "reply", "report", "reproduce", "request", "rescue", "retire", "return", "rhyme", "rinse", "risk", "rob", "rock", "roll", "rot", "rub", "ruin", "rule", "rush", "sack", "sail", "satisfy", "save", "saw", "scare", "scatter", "scold", "scorch", "scrape", "scratch", "scream", "screw", "scribble", "scrub", "seal", "search", "separate", "serve", "settle", "shade", "share", "shave", "shelter", "shiver", "shock", "shop", "shrug", "sigh", "sign", "signal", "sin", "sip", "ski", "skip", "slap", "slip", "slow", "smash", "smell", "smile", "smoke", "snatch", "sneeze", "sniff", "snore", "snow", "soak", "soothe", "sound", "spare", "spark", "sparkle", "spell", "spill", "spoil", "spot", "spray", "sprout", "squash", "squeak", "squeal", "squeeze", "stain", "stamp", "stare", "start", "stay", "steer", "step", "stir", "stitch", "stop", "store", "strap", "strengthen", "stretch", "strip", "stroke", "stuff", "subtract", "succeed", "suck", "suffer", "suggest", "suit", "supply", "support", "suppose", "surprise", "surround", "suspect", "suspend", "switch", "talk", "tame", "tap", "taste", "tease", "telephone", "tempt", "terrify", "test", "thank", "thaw", "tick", "tickle", "tie", "time", "tip", "tire", "touch", "tour", "tow", "trace", "trade", "train", "transport", "trap", "travel", "treat", "tremble", "trick", "trip", "trot", "trouble", "trust", "try", "tug", "tumble", "turn", "twist", "type", "undress", "unfasten", "unite", "unlock", "unpack", "untidy", "use", "vanish", "visit", "wail", "wait", "walk", "wander", "want", "warm", "warn", "wash", "waste", "watch", "water", "wave", "weigh", "welcome", "whine", "whip", "whirl", "whisper", "whistle", "wink", "wipe", "wish", "wobble", "wonder", "work", "worry", "wrap", "wreck", "wrestle", "wriggle", "x-ray", "yawn", "yell", "zip", "zoom"]; +const adjectives = ["aback","abaft","abandoned","abashed","aberrant","abhorrent","abiding","abject","ablaze","able","abnormal","aboard","aboriginal","abortive","abounding","abrasive","abrupt","absent","absorbed","absorbing","abstracted","absurd","abundant","abusive","acceptable","accessible","accidental","accurate","acid","acidic","acoustic","acrid","actually","ad","hoc","adamant","adaptable","addicted","adhesive","adjoining","adorable","adventurous","afraid","aggressive","agonizing","agreeable","ahead","ajar","alcoholic","alert","alike","alive","alleged","alluring","aloof","amazing","ambiguous","ambitious","amuck","amused","amusing","ancient","angry","animated","annoyed","annoying","anxious","apathetic","aquatic","aromatic","arrogant","ashamed","aspiring","assorted","astonishing","attractive","auspicious","automatic","available","average","awake","aware","awesome","awful","axiomatic","bad","barbarous","bashful","bawdy","beautiful","befitting","belligerent","beneficial","bent","berserk","best","better","bewildered","big","billowy","bite-sized","bitter","bizarre","black","black-and-white","bloody","blue","blue-eyed","blushing","boiling","boorish","bored","boring","bouncy","boundless","brainy","brash","brave","brawny","breakable","breezy","brief","bright","bright","broad","broken","brown","bumpy","burly","bustling","busy","cagey","calculating","callous","calm","capable","capricious","careful","careless","caring","cautious","ceaseless","certain","changeable","charming","cheap","cheerful","chemical","chief","childlike","chilly","chivalrous","chubby","chunky","clammy","classy","clean","clear","clever","cloistered","cloudy","closed","clumsy","cluttered","coherent","cold","colorful","colossal","combative","comfortable","common","complete","complex","concerned","condemned","confused","conscious","cooing","cool","cooperative","coordinated","courageous","cowardly","crabby","craven","crazy","creepy","crooked","crowded","cruel","cuddly","cultured","cumbersome","curious","curly","curved","curvy","cut","cute","cute","cynical","daffy","daily","damaged","damaging","damp","dangerous","dapper","dark","dashing","dazzling","dead","deadpan","deafening","dear","debonair","decisive","decorous","deep","deeply","defeated","defective","defiant","delicate","delicious","delightful","demonic","delirious","dependent","depressed","deranged","descriptive","deserted","detailed","determined","devilish","didactic","different","difficult","diligent","direful","dirty","disagreeable","disastrous","discreet","disgusted","disgusting","disillusioned","dispensable","distinct","disturbed","divergent","dizzy","domineering","doubtful","drab","draconian","dramatic","dreary","drunk","dry","dull","dusty","dynamic","dysfunctional","eager","early","earsplitting","earthy","easy","eatable","economic","educated","efficacious","efficient","eight","elastic","elated","elderly","electric","elegant","elfin","elite","embarrassed","eminent","empty","enchanted","enchanting","encouraging","endurable","energetic","enormous","entertaining","enthusiastic","envious","equable","equal","erect","erratic","ethereal","evanescent","evasive","even excellent excited","exciting exclusive","exotic","expensive","extra-large extra-small exuberant","exultant","fabulous","faded","faint fair","faithful","fallacious","false familiar famous","fanatical","fancy","fantastic","far"," far-flung"," fascinated","fast","fat faulty","fearful fearless","feeble feigned","female fertile","festive","few fierce","filthy","fine","finicky","first"," five"," fixed"," flagrant","flaky","flashy","flat","flawless","flimsy"," flippant","flowery","fluffy","fluttering"," foamy","foolish","foregoing","forgetful","fortunate","four frail","fragile","frantic","free"," freezing"," frequent"," fresh"," fretful","friendly","frightened frightening full fumbling functional","funny","furry furtive","future futuristic","fuzzy ","gabby","gainful","gamy","gaping","garrulous","gaudy","general gentle","giant","giddy","gifted","gigantic","glamorous","gleaming","glib","glistening glorious","glossy","godly","good","goofy","gorgeous","graceful","grandiose","grateful gratis","gray greasy great","greedy","green grey grieving","groovy","grotesque","grouchy","grubby gruesome","grumpy","guarded","guiltless","gullible gusty","guttural H habitual","half","hallowed","halting","handsome","handsomely","handy","hanging","hapless","happy","hard","hard-to-find","harmonious","harsh","hateful","heady","healthy","heartbreaking","heavenly heavy hellish","helpful","helpless","hesitant","hideous high","highfalutin","high-pitched","hilarious","hissing","historical","holistic","hollow","homeless","homely","honorable","horrible","hospitable","hot huge","hulking","humdrum","humorous","hungry","hurried","hurt","hushed","husky","hypnotic","hysterical","icky","icy","idiotic","ignorant","ill","illegal","ill-fated","ill-informed","illustrious","imaginary","immense","imminent","impartial","imperfect","impolite","important","imported","impossible","incandescent","incompetent","inconclusive","industrious","incredible","inexpensive","infamous","innate","innocent","inquisitive","insidious","instinctive","intelligent","interesting","internal","invincible","irate","irritating","itchy","jaded","jagged","jazzy","jealous","jittery","jobless","jolly","joyous","judicious","juicy","jumbled","jumpy","juvenile","kaput","keen","kind","kindhearted","kindly","knotty","knowing","knowledgeable","known","labored","lackadaisical","lacking","lame","lamentable","languid","large","last","late","laughable","lavish","lazy","lean","learned","left","legal","lethal","level","lewd","light","like","likeable","limping","literate","little","lively","lively","living","lonely","long","longing","long-term","loose","lopsided","loud","loutish","lovely","loving","low","lowly","lucky","ludicrous","lumpy","lush","luxuriant","lying","lyrical","macabre","macho","maddening","madly","magenta","magical","magnificent","majestic","makeshift","male","malicious","mammoth","maniacal","many","marked","massive","married","marvelous","material","materialistic","mature","mean","measly","meaty","medical","meek","mellow","melodic","melted","merciful","mere","messy","mighty","military","milky","mindless","miniature","minor","miscreant","misty","mixed","moaning","modern","moldy","momentous","motionless","mountainous","muddled","mundane","murky","mushy","mute","mysterious","naive","nappy","narrow","nasty","natural","naughty","nauseating","near","neat","nebulous","necessary","needless","needy","neighborly","nervous","new","next","nice","nifty","nimble","nine","nippy","noiseless","noisy","nonchalant","nondescript","nonstop","normal","nostalgic","nosy","noxious","null","numberless","numerous","nutritious","nutty","oafish","obedient","obeisant","obese","obnoxious","obscene","obsequious","observant","obsolete","obtainable","oceanic","odd","offbeat","old","old-fashioned","omniscient","one","onerous","open","opposite","optimal","orange","ordinary","organic","ossified","outgoing","outrageous","outstanding","oval","overconfident","overjoyed","overrated","overt","overwrought","painful","painstaking","pale","paltry","panicky","panoramic","parallel","parched","parsimonious","past","pastoral","pathetic","peaceful","penitent","perfect","periodic","permissible","perpetual","petite","petite","phobic","physical","picayune","pink","piquant","placid","plain","plant","plastic","plausible","pleasant","plucky","pointless","poised","polite","political","poor","possessive","possible","powerful","precious","premium","present","pretty","previous","pricey","prickly","private","probable","productive","profuse","protective","proud","psychedelic","psychotic","public","puffy","pumped","puny","purple","purring","pushy","puzzled","puzzling","quack","quaint","quarrelsome","questionable","quick","quickest","quiet","quirky","quixotic","quizzical","rabid","racial","ragged","rainy","rambunctious","rampant","rapid","rare","raspy","ratty","ready","real","rebel","receptive","recondite","red","redundant","reflective","regular","relieved","remarkable","reminiscent","repulsive","resolute","resonant","responsible","rhetorical","rich","right","righteous","rightful","rigid","ripe","ritzy","roasted","robust","romantic","roomy","rotten","rough","round","royal","ruddy","rude","rural","rustic","ruthless","sable","sad","safe","salty","same","sassy","satisfying","savory","scandalous","scarce","scared","scary","scattered","scientific","scintillating","scrawny","screeching","second","second-hand","secret","secretive","sedate","seemly","selective","selfish","separate","serious","shaggy","shaky","shallow","sharp","shiny","shivering","shocking","short","shrill","shut","shy","sick","silent","silent","silky","silly","simple","simplistic","sincere","six","skillful","skinny","sleepy","slim","slimy","slippery","sloppy","slow","small","smart","smelly","smiling","smoggy","smooth","sneaky","snobbish","snotty","soft","soggy","solid","somber","sophisticated","sordid","sore","sore","sour","sparkling","special","spectacular","spicy","spiffy","spiky","spiritual","spiteful","splendid","spooky","spotless","spotted","spotty","spurious","squalid","square","squealing","squeamish","staking","stale","standing","statuesque","steadfast","steady","steep","stereotyped","sticky","stiff","stimulating","stingy","stormy","straight","strange","striped","strong","stupendous","stupid","sturdy","subdued","subsequent","substantial","successful","succinct","sudden","sulky","super","superb","superficial","supreme","swanky","sweet","sweltering","swift","symptomatic","synonymous","taboo","tacit","tacky","talented","tall","tame","tan","tangible","tangy","tart","tasteful","tasteless","tasty","tawdry","tearful","tedious","teeny","teeny-tiny","telling","temporary","ten","tender tense","tense","tenuous","terrible","terrific","tested","testy","thankful","therapeutic","thick","thin","thinkable","third","thirsty","thoughtful","thoughtless","threatening","three","thundering","tidy","tight","tightfisted","tiny","tired","tiresome","toothsome","torpid","tough","towering","tranquil","trashy","tremendous","tricky","trite","troubled","truculent","true","truthful","two","typical","ubiquitous","ugliest","ugly","ultra","unable","unaccountable","unadvised","unarmed","unbecoming","unbiased","uncovered","understood","undesirable","unequal","unequaled","uneven","unhealthy","uninterested","unique","unkempt","unknown","unnatural","unruly","unsightly","unsuitable","untidy","unused","unusual","unwieldy","unwritten","upbeat","uppity","upset","uptight","used","useful","useless","utopian","utter","uttermost","vacuous","vagabond","vague","valuable","various","vast","vengeful","venomous","verdant","versed","victorious","vigorous","violent","violet","vivacious","voiceless","volatile","voracious","vulgar","wacky","waggish","waiting","","wakeful","wandering","wanting","warlike","warm","wary","wasteful","watery","weak","wealthy","weary","well-groomed","well-made","well-off","well-to-do","wet","whimsical","whispering","white","whole","wholesale","wicked","wide","wide-eyed","wiggly","wild","willing","windy","wiry","wise","wistful","witty","woebegone","" + fields[0] + "ly","wonderful","wooden","woozy","workable","worried","worthless","wrathful","wretched","wrong","wry","xenophobic","yellow","yielding","young","youthful","yummy","zany","zealous","zesty","zippy","zonked"]; +const adverbs = ["finally", "additionally", "interestingly", "recently", "importantly", "similarly", "surprisingly", "specifically", "conversely", "consequently", "collectively", "currently", "accordingly", "notably", "subsequently", "previously", "unfortunately", "remarkably", "unexpectedly", "lastly", "strikingly", "secondly", "alternatively", "intriguingly", "generally", "firstly", "italy", "consistently", "initially", "significantly", "traditionally", "ultimately", "histologically", "particularly", "typically", "clinically", "mechanistically", "historically", "simultaneously", "paradoxically", "postoperatively", "concomitantly", "correspondingly", "globally", "presently", "especially", "functionally", "usually", "concurrently", "ideally", "thirdly", "apparently", "immunohistochemically", "microscopically", "clearly", "july", "eventually", "crucially", "fortunately", "occasionally", "increasingly", "histopathologically", "critically", "rarely", "namely", "totally", "normally", "briefly", "theoretically", "frequently", "morphologically", "intraoperatively", "presumably", "actually", "curiously", "experimentally", "obviously", "ultrastructurally", "preoperatively", "conclusively", "classically", "cumulatively", "retrospectively", "commonly", "evidently", "inversely", "behaviorally", "conventionally", "noticeably", "possibly", "statistically", "contrarily", "grossly", "hopefully", "reciprocally", "potentially", "structurally", "essentially", "probably", "radiographically", "separately", "macroscopically", "individually", "physiologically", "biochemically", "lately", "nationally", "approximately", "quantitatively", "radiologically", "uniquely", "incidentally", "comparatively", "concordantly", "qualitatively", "basically", "broadly", "early", "sicily", "pathologically", "internationally", "conceivably", "phylogenetically", "conceptually", "contrastingly", "independently", "intuitively", "analogously", "annually", "equally", "primarily", "arguably", "certainly", "ironically", "originally", "undoubtedly", "mostly", "phenotypically", "family", "secondarily", "specially", "expectedly", "genetically", "prospectively", "encouragingly", "fourthly", "mathematically", "naturally", "worryingly", "unsurprisingly", "anatomically", "characteristically", "differently", "likely", "locally", "reportedly", "technically", "alternately", "respectively", "coincidentally", "counterintuitively", "immediately", "predictably", "unusually", "longitudinally", "methodologically", "practically", "additionaly", "biologically", "sadly", "computationally", "geographically", "molecularly", "precisely", "regrettably", "amazingly", "consequentially", "empirically", "inevitably", "preferably", "spatially", "anecdotally", "evolutionarily", "only", "periodically", "perioperatively", "predominantly", "reassuringly", "serologically", "congruently", "cytologically", "daily", "hypothetically", "intracellularly", "mainly", "regionally", "relatively", "acutely", "assembly", "astonishingly", "behaviourally", "developmentally", "endoscopically", "kelly", "neuropathologically", "overwhelmingly", "principally", "relevantly", "routinely", "serendipitously", "tentatively", "virtually", "concretely", "electrophysiologically", "exceptionally", "exemplarily", "extracellularly", "formally", "formerly", "fundamentally", "gradually", "immunologically", "invariably", "jointly", "largely", "lilly", "logically", "nearly", "operationally", "optimally", "postnatally", "subjectively", "successively", "temporally", "understandably", "admittedly", "analytically", "complementarily", "consecutively", "cytochemically", "dentsply", "epidemiologically", "excitingly", "externally", "histochemically", "immunocytochemically", "impressively", "kinetically", "pathophysiologically", "pharmacologically", "reilly", "systemically", "uncommonly", "alarmingly", "architecturally", "bilaterally", "biomechanically", "centrally", "coincidently", "conservatively", "contemporaneously", "contextually", "disappointingly", "distally", "ecologically", "effectively", "ethnically", "fascinatingly", "histomorphometrically", "immunohistologically", "infrequently", "jelly", "markedly", "neurally", "numerically", "oppositely", "optionally", "physically", "posteriorly", "preclinically", "progressively", "reversely", "suddenly", "summarily", "taxonomically", "therapeutically", "topologically", "unprecedentedly", "anaerobically", "analogically", "angiographically", "antenatally", "atypically", "bailly", "baly", "chemically", "chronically", "chronologically", "commercially", "connolly", "correlatively", "customarily", "elderly", "etiologically", "explicitly", "fittingly", "fortuitously", "implicitly", "indirectly", "intrestingly", "laparoscopically", "latterly", "mechanically", "metrically", "microbiologically", "multivariately", "neurobiologically", "neurophysiologically", "oddly", "ordinarily", "peripherally", "pharmacodynamically", "postprandially", "preliminarily", "proportionally", "randomly", "realistically", "roughly", "scientifically", "scully", "superfamily", "suprisingly", "surgically", "tellingly", "thankfully", "thessaly", "timely", "unpredictably", "visually", "accordantly", "aditionally", "aerobically", "algorithmically", "arthroscopically", "biophysically", "bizarrely", "booly", "chiefly", "clinicopathologically", "coherently", "collaterally", "comprehensively", "considerably", "conspicuously", "continuously", "conversly", "corroboratively", "cytogenetically", "definitely", "demographically", "dfly", "diagnostically", "disconcertingly", "distinctively", "disturbingly", "ectrodactyly", "embryologically", "emotionally", "energetically", "ethically", "geometrically", "hemodynamically", "inexplicably", "informally", "interestedly", "intermittently", "internally", "intraorally", "intrinsically", "iteratively", "jekely", "joly", "lamentably", "luckily", "maternally", "medicinally", "micrencephaly", "minimally", "monthly", "morally", "morphometrically", "multivariably", "neuroanatomically", "neurochemically", "neurologically", "notablely", "opportunely", "orally", "ostensibly", "parallely", "parenthetically", "partially", "partly", "pathogenetically", "peroperatively", "phytogeographically", "postmeiotically", "postsynaptically", "prenatally", "prognostically", "proximally", "psychologically", "psychophysically", "putatively", "puzzlingly", "rapidly", "regretfully", "regularly", "relatedly", "seasonally", "sequentially", "simplistically", "singly", "speculatively", "spindly", "splenomegaly", "spontaneously", "sporadically", "successfully", "superficially", "supposedly", "symptomatically", "systematically", "terminally", "topically", "ultrasonographically", "uniformly", "univariately", "unlikely", "yearly", "aboaly", "acceptably", "accidentally", "acly", "acromegaly", "additionly", "additonally", "advantageously", "adventitiously", "adversely", "advisably", "aesthetically", "aetiologically", "affectively", "allegedly", "anteriorly", "apically", "appropriately", "archaeologically", "arespectively", "bacteriologically", "bareilly", "basally", "beautifully", "beverly", "bioinformatically", "biosynthetically", "bodily", "byerly", "canonically", "causally", "cellularly", "cephalometrically", "clasically", "climatologically", "coincidingly", "comparably", "compatibly", "compellingly", "complimentarily", "concordingly", "concurringly", "conformably", "conjecturally", "connoly", "consquentially", "constitutively", "contradictorily", "controversly", "conversantly", "coronally", "cosmetically", "covalently", "cranially", "culturally", "curiosly", "cytomorphologically", "cytopathologically", "decisively", "delightfully", "densply", "descriptively", "desirably", "dewailly", "dimensionally", "directly", "disappointedly", "distinctly", "dolly", "echographically", "electronically", "electronmicroscopically", "electrophoretically", "emphatically", "endogenously", "endosonographically", "enthrallingly", "enzymatically", "erroneously", "ethnopharmacologically", "evocatively", "exclusively", "expectably", "expectantly", "extragingivally", "extraorally", "extremely", "feasibly", "feraly", "fifthly", "finallly", "findingsinitially", "focally", "frustratingly", "ganguly", "generically", "genomically", "genotypically", "gergely", "gratifyingly", "greely", "gully", "habitually", "happily", "hemperly", "hepatosplenomegaly", "hisologically", "holly", "holoprosencephaly", "hooghly", "identically", "ignificantly", "immuhistochemically", "immunochemically", "immunophenotypically", "inadvertently", "indisputably", "industrially", "inferiorly", "inherently", "inspiringly", "interspecifically", "interstingly", "intialy", "intradurally", "intrahepatically", "intralysosomally", "intraperitonally", "intraspecifically", "intriguinly", "intringuingly", "ipsilaterally", "isely", "karunagappally", "karyologically", "lally", "laterally", "legally", "lily", "literally", "logistically", "lovely", "macropharmacologically", "marginally", "metabolically", "meteorologically", "methodically", "microcephaly", "microregionally", "moberly", "modestly", "muhly", "naively", "nally", "natively", "naturalistically", "neatly", "nomenclaturally", "noteworthily", "nouzilly", "nutritionally", "objectively", "observationally", "oceanographically", "ontogenetically", "ontogenically", "ophthalmoscopically", "optically", "orly", "osmotically", "outstandingly", "pathohistologically", "pathomorphologically", "perceptually", "perinatally", "perioperaively", "peroperativly", "perplexingly", "pertinently", "pharmacokinetically", "phenomenologically", "philly", "philosophically", "phongsaly", "phylogenitically", "phylogentically", "phytochemically", "pivotally", "plausibly", "positionally", "postauricularly", "postsurgically", "pragmatically", "preauricularly", "preferentially", "premenstrually", "problematically", "prominently", "promisingly", "proportionately", "provisionally", "proximately", "prudently", "quickly", "rahilly", "rationally", "really", "reassembly", "recurrently", "renomegaly", "repressingly", "resultantly", "resultspreviously", "revealingly", "rheologically", "rhetorically", "scilly", "seemingly", "selectively", "semiannually", "sequently", "shortly", "simulteneously", "socially", "socioeconomically", "spectacularly", "spectroscopically", "startlingly", "steadily", "strangely", "subcellularly", "substantially", "substantively", "suggestively", "summatively", "superiorly", "supply", "surely", "synchronously", "syntactically", "synthetically", "technologically", "temporarily", "thermodynamically", "thoracically", "tinctorially", "transmurally", "tribally", "trivially", "ultrascructurally", "ultrasonically", "ultrastructually", "undeniably", "undesirably", "unequivocally", "unexplainably", "unfortunatly", "unintentionally", "univariably", "universally", "unknowingly", "unquestionably", "untypically", "utrastructurally", "wailly", "weekly", "wessely", "whitely", "willy", "worrisomely"]; +const prepositions = ["aboard","about","above","across","after","against","along","amid","among","around","as","at","before","behind","below","beneath","beside","between","beyond","but","by","concerning","considering","despite","down","during","except","except","following","for","from","in","inside","into","like","minus","near","next","of","off","on","onto","opposite","out","outside","over","past","per","plus","regarding","round","save","since","than","through","to","toward","under","underneath","unlike","until","up","upon","versus","via","with","within","without"]; +const conjunctions = ["for","and","nor","but","or","yet","so","after","although","as","as if","as long as","as much as","as soon as","as far as","as though","by the time","in as much as","inasmuch","in order to","in order that","in case","lest","though","now that","now since","now when","now","even if","even","even though","provided","provide that","if","if then","if when","if only","just as","where","wherever","whereas","where if","whether","since","because","whose","whoever","unless","while","before","why","so that","until","how","since","than","till","whenever","supposing","when","or not","what"]; +const interjections = ["ow", "ouch", "boo", "ick", "yuck", "ugh", "shoot", "whoops", "rats", "gosh", "goodness", "yay", "yippee", "cheers", "congratulations", "oh well", "oh no", "eek", "yikes"]; + +let wordIndex = -1; + +function generateStory() { + + generateFieldsArray(); + + for(let i = 0; i < fields.length; i++) { + + console.log("Field " + i + ": " + fields[i]); + + } + + console.log("Button click registered to generate story."); + + let output = ( + + "There was once a " + fields[0] + " who was very, very " + fields[6] + ", though " + fields[3] + " had little " + fields[11] + " make " + fields[2] + " so; for " + fields[3] + " was old, " + fields[12] + " poor, " + fields[12] + " lonely. " + fields[3] + " lived " + fields[10] + " a little bit of a cottage " + fields[12] + " earned a scant living by running errands " + fields[13] + " her neighbours, getting a bite here, a sup there, as reward " + fields[13] + " her services. So " + fields[3] + " made shift " + fields[11] + " get on, " + fields[12] + " always looked as spry " + fields[12] + " cheery as if " + fields[3] + " had not a want " + fields[10] + " the world. " + + "Now one summer evening, as " + fields[3] + " was " + fields[4] + ", full of smiles as ever, along the high road " + fields[11] + " " + fields[2] + " hovel, what should " + fields[3] + " see but a big black pot lying " + fields[10] + " the ditch! " + + "\"Goodness me!\" " + fields[3] + " cried, \"that would be just the very thing " + fields[13] + " me if I only had something " + fields[11] + " put " + fields[10] + " it! But I haven't! Now who could have left it " + fields[10] + " the ditch?\" " + + "And " + fields[3] + " looked about her expecting the owner would not be far off; but " + fields[3] + " could see nobody. " + + "\"Maybe there is a hole " + fields[10] + " it,\" " + fields[3] + " went on, \"" + fields[12] + " that's why it has been cast away. But it would do fine " + fields[11] + " put a flower " + fields[10] + " " + fields[13] + " my window; " + fields[8] + " I'll just take it home with me.\" " + + "" + fields[12] + " with that " + fields[3] + " lifted the lid " + fields[12] + " looked inside. \"Mercy me!\" " + fields[3] + " cried, fair amazed. \"If it isn't full of gold pieces. Here's luck!\" " + + "" + fields[12] + " " + fields[8] + " it was, brimful of great gold coins. " + fields[14] + ", at first " + fields[3] + " simply stood stock-still, wondering if " + fields[3] + " was standing on her head or her heels. Then " + fields[3] + " began saying: " + + "\"Lawks! But I do feel rich. I feel awful rich!\" " + + "After " + fields[3] + " had said this many times, " + fields[3] + " began " + fields[11] + " wonder how " + fields[3] + " was " + fields[11] + " get " + fields[2] + " treasure home. It was too heavy " + fields[13] + " her " + fields[11] + " carry, and " + fields[3] + " could see no better way than " + fields[11] + " tie the end of her shawl " + fields[11] + " it " + fields[12] + " drag it behind her like a go-cart. " + + "\"It will soon be dark,\" " + fields[3] + " said " + fields[11] + " " + fields[2] + " as " + fields[3] + " " + fields[4] + " along. \"So much the better! The neighbours will not see what I'm bringing home, " + fields[12] + " I shall have all the night " + fields[11] + " myself, " + fields[12] + " be able " + fields[11] + " think what I'll do! Mayhap I'll buy a gr" + fields[12] + " house " + fields[12] + " just sit by the fire with a cup o' tea " + fields[12] + " do no work at all like a queen. Or maybe I'll bury it at the garden foot " + fields[12] + " just keep a bit " + fields[10] + " the old china teapot on the chimney-piece. Or maybe—Goody! Goody! I feel that gr" + fields[12] + " I don't know myself.\" " + + "By this time " + fields[3] + " was a bit " + fields[7] + "of " + fields[5] + " such a heavy weight, and, stopping " + fields[11] + " rest a while, turned " + fields[11] + " look at " + fields[2] + " treasure. " + + "" + fields[12] + " lo! it wasn't a pot of gold at all! It was nothing but a lump of silver. " + + "She stared at it, " + fields[12] + " rubbed her eyes, " + fields[12] + " stared at it again. " + + "\"" + fields[15] + "! I never!\" " + fields[3] + " said at last. \"" + fields[12] + " me " + fields[5] + " it was a pot of gold! I must have been dreaming. But this is luck! Silver is far less trouble—easier " + fields[11] + " mind, " + fields[12] + " not " + fields[8] + " easy stolen. Them gold pieces would have been the death o' me, " + fields[12] + " with this great lump of silver—\" " + + "So " + fields[3] + " went off again planning what " + fields[3] + " would do, " + fields[12] + " feeling as rich as rich, until becoming a bit " + fields[7] + "again " + fields[3] + " stopped " + fields[11] + " rest " + fields[12] + " gave a look round " + fields[11] + " see if her treasure was safe; and " + fields[3] + " saw nothing but a great lump of iron! " + + "\"" + fields[14] + "! I never!\" says " + fields[3] + " again. \"" + fields[12] + " I mistaking it " + fields[13] + " silver! I must have been dreaming. But this is luck! It's real convenient. I can get penny pieces " + fields[13] + " old iron, " + fields[12] + " penny pieces are a deal handier " + fields[13] + " me than your gold " + fields[12] + " silver. Why! I should never have slept a wink " + fields[13] + " fear of being robbed. But a penny piece comes " + fields[10] + " useful, " + fields[12] + " I shall sell that iron " + fields[13] + " a lot " + fields[12] + " be real rich—rolling rich.\" " + + "So on " + fields[3] + " " + fields[4] + " full of plans as " + fields[11] + " how " + fields[3] + " would spend her penny pieces, till once more " + fields[3] + " stopped " + fields[11] + " rest " + fields[12] + " looked round " + fields[11] + " see her treasure was safe. " + fields[12] + " this time " + fields[3] + " saw nothing but a big stone. " + + "\"" + fields[15] + "! I never!\" " + fields[3] + " cried, full of smiles. \"" + fields[12] + " " + fields[11] + " think I mistook it " + fields[13] + " iron. I must have been dreaming. But here's luck indeed, " + fields[12] + " me wanting a stone terrible bad " + fields[11] + " stick open the gate. Eh my! but it's a change " + fields[13] + " the better! It's a fine thing " + fields[11] + " have good luck.\" " + + "So, all " + fields[10] + " a hurry " + fields[11] + " see how the stone would keep the gate open, " + fields[3] + " " + fields[4] + " off down the hill till " + fields[3] + " came " + fields[11] + " her own cottage. " + fields[3] + " unlatched the gate " + fields[12] + " then turned " + fields[11] + " unfasten her shawl from the stone which lay on the path behind her. Aye! It was a stone sure enough. There was plenty light " + fields[11] + " see it lying there, douce " + fields[12] + " peaceable as a stone should. " + + "So " + fields[3] + " bent over it " + fields[11] + " unfasten the shawl end, when—\"Oh my!\" All of a sudden it gave a jump, a squeal, " + fields[12] + " " + fields[10] + " one moment was as big as a haystack. Then it let down four great lanky legs " + fields[12] + " threw " + fields[9] + " two long ears, nourished a great long tail " + fields[12] + " romped off, kicking " + fields[12] + " squealing " + fields[12] + " whinnying " + fields[12] + " laughing like a naughty, mischievous boy! " + + "The old " + fields[0] + " stared after it till it was fairly " + fields[9] + " of sight, then " + fields[3] + " burst " + fields[9] + " laughing too. " + + "\"" + fields[14] + "!\" " + fields[3] + " chuckled, \"I am " + fields[10] + " luck! Quite the luckiest body hereabouts. Fancy my seeing the " + fields[1] + " all " + fields[11] + " myself; " + fields[12] + " making myself " + fields[8] + " free with it too! My goodness! I do feel that uplifted—that GRAND!\" " + + "So " + fields[3] + " went into " + fields[2] + " cottage " + fields[12] + " spent the evening " + fields[5] + " over " + fields[2] + " good luck." + + ); + + console.log(output); + + document.getElementById("output").innerHTML = output; + +} + +function generateFieldsArray() { + + for(let i = 0; i < formFields.length - 2; i++) { + + if(formFields[i].value === "") { + + fields[i] = getRandomWord(i); + + formFields[i].value = fields[i]; + + } else { + + fields[i] = formFields[i].value; + + } + + } + +} + +function getRandomWord(index) { + + switch(index) { + + case 0: + case 1: + return nouns[getRandomInt(nouns)]; + case 2: + case 3: + return pronouns[getRandomInt(pronouns)]; + case 4: + case 5: + return verbs[getRandomInt(verbs)]; + case 6: + case 7: + return adjectives[getRandomInt(adjectives)]; + case 8: + case 9: + return adverbs[getRandomInt(adverbs)]; + case 10: + case 11: + return prepositions[getRandomInt(prepositions)]; + case 12: + case 13: + return conjunctions[getRandomInt(conjunctions)]; + case 14: + case 15: + return interjections[getRandomInt(interjections)]; + + } + + return ""; + +} + +function getRandomInt(array) { + + let min = 0; + let max = array.length; + + min = Math.ceil(min); + max = Math.floor(max); + + return Math.floor(Math.random() * (max - min) + min); + +} + +function clearAndSet() { + + for(let i = 0; i < formFields.length - 2; i++) { + + formFields[i].value = ""; + fields[i] = ""; + + } + + document.getElementById("output").innerHTML = "" + +} diff --git a/pizza-1/.DS_Store b/pizza-1/.DS_Store new file mode 100644 index 0000000..9a52b39 Binary files /dev/null and b/pizza-1/.DS_Store differ diff --git a/pizza-1/._.DS_Store b/pizza-1/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/pizza-1/._.DS_Store differ diff --git a/pizza-1/._contact.html b/pizza-1/._contact.html new file mode 100644 index 0000000..1deb63c Binary files /dev/null and b/pizza-1/._contact.html differ diff --git a/pizza-1/._index.html b/pizza-1/._index.html new file mode 100644 index 0000000..6d13a3d Binary files /dev/null and b/pizza-1/._index.html differ diff --git a/pizza-1/about.html b/pizza-1/about.html new file mode 100644 index 0000000..298c67d --- /dev/null +++ b/pizza-1/about.html @@ -0,0 +1,22 @@ + + + + + + About + + + +

Home
Contact
About
Order

+ +

About

+ + + \ No newline at end of file diff --git a/pizza-1/contact.html b/pizza-1/contact.html new file mode 100644 index 0000000..006007f --- /dev/null +++ b/pizza-1/contact.html @@ -0,0 +1,41 @@ + + + + + + Contact + + + +

Home
Contact
About
Order

+ +

Contact

+ + + + + \ No newline at end of file diff --git a/pizza-1/index.html b/pizza-1/index.html new file mode 100644 index 0000000..2807735 --- /dev/null +++ b/pizza-1/index.html @@ -0,0 +1,22 @@ + + + + + + Home + + + +

Home
Contact
About
Order

+ +

Home

+ + + \ No newline at end of file diff --git a/pizza-1/order.html b/pizza-1/order.html new file mode 100644 index 0000000..913a266 --- /dev/null +++ b/pizza-1/order.html @@ -0,0 +1,22 @@ + + + + + + Order + + + +

Home
Contact
About
Order

+ +

Order

+ + + \ No newline at end of file diff --git a/pizza-2/.DS_Store b/pizza-2/.DS_Store new file mode 100644 index 0000000..9a52b39 Binary files /dev/null and b/pizza-2/.DS_Store differ diff --git a/pizza-2/about.html b/pizza-2/about.html new file mode 100644 index 0000000..bebfd27 --- /dev/null +++ b/pizza-2/about.html @@ -0,0 +1,27 @@ + + + + + + + About + + + + + +

About

+ + + \ No newline at end of file diff --git a/pizza-2/contact.html b/pizza-2/contact.html new file mode 100644 index 0000000..8218f21 --- /dev/null +++ b/pizza-2/contact.html @@ -0,0 +1,46 @@ + + + + + + + Contact + + + + + +

Contact

+ + + + + \ No newline at end of file diff --git a/pizza-2/css/style.css b/pizza-2/css/style.css new file mode 100644 index 0000000..6d76ac3 --- /dev/null +++ b/pizza-2/css/style.css @@ -0,0 +1,160 @@ +* { + + margin: auto; + position: relative; + + font-family: Lato sans-serif; + font-size: 1em; + color: white; + + background-color: #4A245E; + + +} + +h1 { + + font-size: 7em; + padding-top: 1em; + +} + +h2 { + + font-size: 5em; + +} + +h3 { + + font-size: 2em; + +} + +h4 { + + font-size: 1.5em; + +} + +/*NAVIGATION BAR*/ +nav, +nav ul, +nav ul a, +nav ul a li { + + background-color: white; + color: #4A245E; + text-align: center; + +} + +nav ul a { + + display: inline-block; + + text-decoration: none; + +} + +nav ul a li { + + display: block; + + padding: 1em; + font-size: larger; + list-style: none; + width: 6.4em; + + transition: width, background-color, color 500ms; + +} + +nav ul a li:hover { + + background-color: #4A245E; + color: white; + +} + +/*ORDER FORM*/ + +form { + + border: 1px solid white; + + width: 60%; + +} + +input { + + padding: 1em; + margin: .5em; + + min-width: 6.1em; + + border-radius: 10px; + border: none; + + color: #4A245E; + background-color: white; + + transition: 500ms; + +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + + -webkit-appearance: none; + margin: 0; + +} + +input[type=number] { + + -moz-appearance: textfield; + +} + +input[name="add1"], +input[name="add2"] { + + width: 100%; + +} + +input::placeholder { + + color: #4A245E; + +} + +input:focus { + + background-color: #4A245E; + color: white; + +} + +select { + + border: 2px solid white; + border-radius: 5px; + text-align: center; + +} + +div.newRow { + + display: flex; + justify-content: center; + +} + +div.newRow> :not(input.address) { + + width: 50%; + +} diff --git a/pizza-2/index.html b/pizza-2/index.html new file mode 100644 index 0000000..0e9e183 --- /dev/null +++ b/pizza-2/index.html @@ -0,0 +1,38 @@ + + + + + + + Home + + + + + +

Home

+ +

Home is where the pizza is.

At Ashton Pizzeria, we love everything pizza. So you deserve the best + pizza possible, which is why we are committed to sourcing locally, + with every pizza prepared completely by hand. You won't find any GMOs or + additives with our pizza. The best flavor, the best variety, the best option. + Come on by to Ashton Pizzeria today to have a slice of our world-famous pizza!

+ +

+ + + \ No newline at end of file diff --git a/pizza-2/order.html b/pizza-2/order.html new file mode 100644 index 0000000..7604b96 --- /dev/null +++ b/pizza-2/order.html @@ -0,0 +1,166 @@ + + + + + + + + Order + + + + + + +

Order

+ + + + + + \ No newline at end of file diff --git a/superheroes/.DS_Store b/superheroes/.DS_Store new file mode 100644 index 0000000..4fd25e2 Binary files /dev/null and b/superheroes/.DS_Store differ diff --git a/superheroes/._.DS_Store b/superheroes/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/superheroes/._.DS_Store differ diff --git a/superheroes/._index.html b/superheroes/._index.html new file mode 100644 index 0000000..8bffd2f Binary files /dev/null and b/superheroes/._index.html differ diff --git a/superheroes/css/style.css b/superheroes/css/style.css new file mode 100644 index 0000000..fbb4936 --- /dev/null +++ b/superheroes/css/style.css @@ -0,0 +1,52 @@ +body { + + font-family: Lato, sans-serif; + font-size: 1em; + + color: white; + +} + +h1 { + + font-size: 4em; + font-style: italic; + +} + +h2 { + + font-size: 2em; + +} + +p { + + padding-left: 3em; + padding-right: 3em; + + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + +} + +p:hover { + + white-space: normal; + +} + +.dc { + + background-color: darkblue; + padding: 1em; + +} + +.marvel { + + background-color: darkred; + padding: 1em; + +} \ No newline at end of file diff --git a/superheroes/index.html b/superheroes/index.html new file mode 100644 index 0000000..ba16e5d --- /dev/null +++ b/superheroes/index.html @@ -0,0 +1,49 @@ + + + + CSS Practice + + + + + +

DC Comics

Batman

Batman is a fictional superhero appearing in American comic books published by DC Comics. The character was created by artist Bob Kane and writer Bill Finger,[4][5] and first appeared in Detective Comics #27 (1939). Originally named the "Bat-Man", the character is also referred to by such epithets as the Caped Crusader, the Dark Knight, and the World's Greatest Detective.[6]

Wonder Woman

Wonder Woman is a fictional superhero appearing in American comic books published by DC Comics.[2] The character is a founding member of the Justice League, goddess, and Ambassador-at-Large of the Amazonian people. The character first appeared in All Star Comics #8 in October 1941 and first cover-dated on Sensation Comics #1, January 1942. In her homeland, the island nation of Themyscira, her official title is Princess Diana of Themyscira, Daughter of Hippolyta. When blending into the society of "Man's World", she adopts her civilian identity Diana Prince. The character is also referred to by such epithets as the "Amazing Amazon", the "Spirit of Truth", "Themyscira's Champion", and the "Goddess of Love and War".

Superman

Superman is a fictional superhero appearing in American comic books published by DC Comics. The character was created by writer Jerry Siegel and artist Joe Shuster, high school students living in Cleveland, Ohio, in 1933. They sold Superman to Detective Comics, the future DC Comics, in 1938. Superman debuted in Action Comics #1 (cover-dated June 1938) and subsequently appeared in various radio serials, newspaper strips, television programs, films, and video games. With this success, Superman helped to create the superhero archetype and establish its primacy within the American comic book.[2] The character is also referred to by such epithets as the Big Blue Boy Scout, the Man of Steel, the Man of Tomorrow, and the Last Son of Krypton.[3]

Marvel Comics

Spiderman

Spider-Man is a fictional superhero appearing in American comic books published by Marvel Comics. The character was created by writer-editor Stan Lee and writer-artist Steve Ditko, and first appeared in the anthology comic book Amazing Fantasy #15 (August 1962) in the Silver Age of Comic Books. Lee and Ditko conceived the character as an orphan being raised by his Aunt May and Uncle Ben in New York City after his parents Richard and Mary Parker were killed in a plane crash, and as a teenager, having to deal with the normal struggles of adolescence in addition to those of a costumed crime-fighter. Spider-Man's creators gave him super strength and agility, the ability to cling to most surfaces, shoot spider-webs using wrist-mounted devices of his own invention, which he calls "web-shooters", and react to danger quickly with his "spider-sense", enabling him to combat his foes.

Iron Man

Iron Man is a fictional superhero appearing in American comic books published by Marvel Comics. The character was created by writer and editor Stan Lee, developed by scripter Larry Lieber, and designed by artists Don Heck and Jack Kirby. The character made his first appearance in Tales of Suspense #39 (cover dated March 1963).

Thor

Thor (Thor Odinson) is a fictional superhero appearing in American comic books published by Marvel Comics. The character, based on the Norse mythological deity of the same name, is the Asgardian god of thunder and possesses the enchanted hammer Mjolnir, which grants him the ability of flight and weather manipulation amongst his other superhuman attributes.

+ + \ No newline at end of file diff --git a/tables/.DS_Store b/tables/.DS_Store new file mode 100644 index 0000000..8f992a7 Binary files /dev/null and b/tables/.DS_Store differ diff --git a/tables/._.DS_Store b/tables/._.DS_Store new file mode 100644 index 0000000..9ad849c Binary files /dev/null and b/tables/._.DS_Store differ diff --git a/tables/._index.html b/tables/._index.html new file mode 100644 index 0000000..69ce4e6 Binary files /dev/null and b/tables/._index.html differ diff --git a/tables/img/._JackStauber_logo.jpeg b/tables/img/._JackStauber_logo.jpeg new file mode 100644 index 0000000..6317588 Binary files /dev/null and b/tables/img/._JackStauber_logo.jpeg differ diff --git a/tables/img/._JerryRigEverything_logo.jpeg b/tables/img/._JerryRigEverything_logo.jpeg new file mode 100644 index 0000000..4d555da Binary files /dev/null and b/tables/img/._JerryRigEverything_logo.jpeg differ diff --git a/tables/img/._LTT_logo.jpeg b/tables/img/._LTT_logo.jpeg new file mode 100644 index 0000000..6fcbe3d Binary files /dev/null and b/tables/img/._LTT_logo.jpeg differ diff --git a/tables/img/._LifeinJars_logo.jpeg b/tables/img/._LifeinJars_logo.jpeg new file mode 100644 index 0000000..7b1181f Binary files /dev/null and b/tables/img/._LifeinJars_logo.jpeg differ diff --git a/tables/img/._LukeStephens_Logo.jpeg b/tables/img/._LukeStephens_Logo.jpeg new file mode 100644 index 0000000..dbc0ead Binary files /dev/null and b/tables/img/._LukeStephens_Logo.jpeg differ diff --git a/tables/img/._Pkmncast_logo.jpeg b/tables/img/._Pkmncast_logo.jpeg new file mode 100644 index 0000000..25c39dc Binary files /dev/null and b/tables/img/._Pkmncast_logo.jpeg differ diff --git a/tables/img/._WolfeyVGC_logo.jpeg b/tables/img/._WolfeyVGC_logo.jpeg new file mode 100644 index 0000000..1e0aa20 Binary files /dev/null and b/tables/img/._WolfeyVGC_logo.jpeg differ diff --git a/tables/img/._internetPitstop_logo.jpeg b/tables/img/._internetPitstop_logo.jpeg new file mode 100644 index 0000000..b978a3f Binary files /dev/null and b/tables/img/._internetPitstop_logo.jpeg differ diff --git a/tables/img/._kieran_LOGO.jpeg b/tables/img/._kieran_LOGO.jpeg new file mode 100644 index 0000000..88f8a26 Binary files /dev/null and b/tables/img/._kieran_LOGO.jpeg differ diff --git a/tables/img/JackStauber_logo.jpeg b/tables/img/JackStauber_logo.jpeg new file mode 100644 index 0000000..0546f73 Binary files /dev/null and b/tables/img/JackStauber_logo.jpeg differ diff --git a/tables/img/JerryRigEverything_logo.jpeg b/tables/img/JerryRigEverything_logo.jpeg new file mode 100644 index 0000000..5f82c51 Binary files /dev/null and b/tables/img/JerryRigEverything_logo.jpeg differ diff --git a/tables/img/LTT_logo.jpeg b/tables/img/LTT_logo.jpeg new file mode 100644 index 0000000..e74a3fb Binary files /dev/null and b/tables/img/LTT_logo.jpeg differ diff --git a/tables/img/LifeinJars_logo.jpeg b/tables/img/LifeinJars_logo.jpeg new file mode 100644 index 0000000..1cab4d4 Binary files /dev/null and b/tables/img/LifeinJars_logo.jpeg differ diff --git a/tables/img/LukeStephens_Logo.jpeg b/tables/img/LukeStephens_Logo.jpeg new file mode 100644 index 0000000..2a19d70 Binary files /dev/null and b/tables/img/LukeStephens_Logo.jpeg differ diff --git a/tables/img/Pkmncast_logo.jpeg b/tables/img/Pkmncast_logo.jpeg new file mode 100644 index 0000000..a08e472 Binary files /dev/null and b/tables/img/Pkmncast_logo.jpeg differ diff --git a/tables/img/WolfeyVGC_logo.jpeg b/tables/img/WolfeyVGC_logo.jpeg new file mode 100644 index 0000000..4eabb3b Binary files /dev/null and b/tables/img/WolfeyVGC_logo.jpeg differ diff --git a/tables/img/internetPitstop_logo.jpeg b/tables/img/internetPitstop_logo.jpeg new file mode 100644 index 0000000..da19f19 Binary files /dev/null and b/tables/img/internetPitstop_logo.jpeg differ diff --git a/tables/img/kieran_LOGO.jpeg b/tables/img/kieran_LOGO.jpeg new file mode 100644 index 0000000..a431150 Binary files /dev/null and b/tables/img/kieran_LOGO.jpeg differ diff --git a/tables/index.html b/tables/index.html new file mode 100644 index 0000000..bc8b45b --- /dev/null +++ b/tables/index.html @@ -0,0 +1,116 @@ + + + + + + + YouTube Video Page + + + + + + +

My Favorite Youtube Videos

(in no particular order)

+ +
+
+ +

+ +

Play this video while going through this page!

+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Video Name	Creator	Video Description	Video Length
Important Videos Playlist	kierancaspian's channel	A playlist of 312 short videos epitomizing "internet humor". A necessary watch for any new internet user.	~1:11:39
The Batman Arkham Series	Luke Stephens' channel	A thorough analysis of the Batman Arkham games trilogy, from gameplay and story, to character development and atmosphere.	3:24:53
Introduction to Competitive Pokemon	WolfeyVGC's channel	Part 1 to a 3 part series teaching fundamental concepts to excel in competitive Pokemon.	1:04:22
Making a Home Server	Linus Tech Tips' channel	An inspiring video on converting an old PC or laptop to act as a home server.	11:06
Beserk Soundtrack Analysis	Internet Pitstop's channel	A video analyzing and discussing the Berserk 97 Soundtrack Legendary Wind Sword.	34:20
rain	JackStauber's channel	One of my favorite artists, I love his unique style and animation while exploring difficult subjects.	0:35
Samsung Z Flip 3 Teardown	JerryRigEverything's channel	A thorough examination of the innards that compose the Samsung Z Flip 3. I work in electronics repair, and recently got to work on this beautiful phone.	9:38
Isopod Colonies are Fun	Life in Jars? channel	"I'm working with the species Porcellio scaber (common rough woodlouse). In this video I show you how to make a terrarium for an isopod colony and also how much fun and how interesting it is to have an isopod colony yourselves."	10:54
Weekly Pkmncast Podcast video	Pkmncast channel	In this podcast episode, Steve, Greg, and Will talk about the recent Pokemon Worlds event in London and the reveal of a potential pre-evolved form of the upcoming legendaries of Pokemon Scarlet and Violet.	2:06:27

+ +
+
+ + + + \ No newline at end of file diff --git a/tables/style.css b/tables/style.css new file mode 100644 index 0000000..b1f542b --- /dev/null +++ b/tables/style.css @@ -0,0 +1,63 @@ +.center{ + + margin-right: auto; + margin-left: auto; + + text-align: center; + +} + +body, a { + + font-family: Lato, sans-serif; + color: white; + background-color: #4A245E; + font-size: .9em; + +} + +p { + + text-align: center; + +} + +#embedCaption { + + font-size: .8em; + +} + +table, th, td { + border: 1px solid white; + border-collapse: collapse; + padding: 25px; +} + +th { + + font-size: 1.3em; + padding-top: 10px; + padding-bottom: 10px; + +} + +a { + + font-style: italic; + text-decoration: underline; + +} + +.profilePic { + + width: 125px; + height: 125px; + +} + +.descrip { + + text-align: left; + +} \ No newline at end of file diff --git "a/tic-tac-toe/\\" "b/tic-tac-toe/\\" new file mode 100644 index 0000000..b74e709 --- /dev/null +++ "b/tic-tac-toe/\\" @@ -0,0 +1,12 @@ +* { + + margin: auto; + position: relative; + + font-family: Lato sans-serif; + font-size: 1em; + + background-color: #4A245E; + color: white; + +} diff --git a/tic-tac-toe/css/style.css b/tic-tac-toe/css/style.css new file mode 100644 index 0000000..b2b75f8 --- /dev/null +++ b/tic-tac-toe/css/style.css @@ -0,0 +1,43 @@ +* { + + font-family: Lato sans-serif; + + background-color: #4A245E; + color: white; + +} + +body { + + display: flex; + justify-content: center; + +} + +.grid { + + display: grid; + + grid-template-columns: 10em 10em 10em; + grid-template-rows: 10em 10em 10em; + + width: 75%; + +} + +.box { + + font-size: 5em; + + border: 1px solid white; + + padding: 1em; + + display: flex; + + justify-content: center; + align-items: center; + + margin: 0; + +} diff --git a/tic-tac-toe/index.html b/tic-tac-toe/index.html new file mode 100644 index 0000000..089aeb3 --- /dev/null +++ b/tic-tac-toe/index.html @@ -0,0 +1,47 @@ + + + + + + + + + + PLACEHOLDER + + + + + +

+ +

+ + +

+ +

+ + + + + + diff --git a/tic-tac-toe/js/script.js b/tic-tac-toe/js/script.js new file mode 100644 index 0000000..fccad09 --- /dev/null +++ b/tic-tac-toe/js/script.js @@ -0,0 +1,170 @@ +const playerX = prompt("Please enter player one's name:"); +const playerO = prompt("Please enter player two's name:"); + +const boxes = document.getElementsByClassName("box"); + +let currentPlayer = playerX; + +const posX = []; +let indexX = 0; + +const posO = []; +let indexO = 0; + +let marks = 0; + +document.getElementById("output-text").innerHTML = currentPlayer + "\'s turn." +document.getElementById("clear").hidden = true; + +function clickTracker(button) { + + mark(button.id); + +} + +function mark(index) { + + let winstate = false; + + marks++; + + if(currentPlayer === playerX) { + + boxes[index].innerHTML = "X" + + posX[indexX] = index; + indexX++; + + if(marks > 4) { + + winstate = checkForWin(posX); + + } + + if(winstate === true) { + + document.getElementById("output-text").innerHTML = currentPlayer + " WON!" + document.getElementById("clear").hidden = false; + + } else { + + currentPlayer = playerO; + document.getElementById("output-text").innerHTML = currentPlayer + "'s turn." + + } + + } else { + + boxes[index].innerHTML = "O" + + posO[indexO] = index; + indexO++; + + if(marks > 4) { + + winstate = checkForWin(posO); + + } + + if(winstate === true) { + + document.getElementById("output-text").innerHTML = currentPlayer + " WON!" + document.getElementById("clear").hidden = false; + + } else { + + currentPlayer = playerX; + document.getElementById("output-text").innerHTML = currentPlayer + "'s turn." + + } + + } + + +} + +function checkForWin(player) { + + const winstates = [ + + [0,1,2], + [3,4,5], + [6,7,8], + [0,3,6], + [1,4,7], + [2,5,8], + [0,4,8], + [2,4,6] + + ]; + + let count = 0; + + for(let j = 0; j < winstates.length; j++) { + + for(let k = 0; k < player.length; k++) { + + for(let i = 0; i < winstates[j].length; i++) { + + if(player[k] == winstates[j][i]) { + + count++; + + } + + } + + } + + if(count === 3) { + + return true; + + } else { + + count = 0; + + } + + } + + return false; + +} + +function resetAndClear() { + + for(let i = 0; i < boxes.length; i++) { + + boxes[i].innerHTML = "" + + } + + if(currentPlayer === playerX) { + + currentPlayer = playerO; + + } else { + + currentPlayer = playerX; + + } + + for(let i = 0; i < posX.length; i++) { + + posX[i] = -1; + + } + + for(let i = 0; i < posO.length; i++) { + + posO[i] = -1; + + } + + marks = 0; + + document.getElementById("output-text").innerHTML = currentPlayer + "\'s turn" + document.getElementById("clear").hidden = true; + +}

Interactive Star Wars Galaxy Map

Hi, I'm Josh Ashton.

I'm a CS student at Salt Lake Community College, and this is my final project for CSIS1430.

Random Quote Generator

Reflection

Ashton's Lottery

Mad Libs!

Leave boxes blank for random words when you click submit!

About

Contact

Home

Order

About

Contact

Home

Home is where the pizza is.

Order

About You

About your pizza

Size

Crust

DC Comics

Batman

Wonder Woman

Superman

Marvel Comics

Spiderman

Iron Man

Thor

My Favorite Youtube Videos

(in no particular order)