diff --git a/public_html/.DS_Store b/public_html/.DS_Store new file mode 100644 index 00000000..47931207 Binary files /dev/null and b/public_html/.DS_Store differ diff --git a/public_html/.htaccess b/public_html/.htaccess new file mode 100644 index 00000000..bae788a7 --- /dev/null +++ b/public_html/.htaccess @@ -0,0 +1,8 @@ + + +# php -- BEGIN cPanel-generated handler, do not edit +# Set the “ea-php80” package as the default “PHP” programming language. + + AddHandler application/x-httpd-ea-php80___lsphp .php .php8 .phtml + +# php -- END cPanel-generated handler, do not edit diff --git a/public_html/1430/css/override.css b/public_html/1430/css/override.css new file mode 100644 index 00000000..d54f36fe --- /dev/null +++ b/public_html/1430/css/override.css @@ -0,0 +1,45 @@ +.navbar { + + border: none; + +} + +.bg-dark { + + background-color: #4A245E; + +} + +.navbar-inverse .navbar-nav > li > a { + + color: white; + transition: color 300ms; +} + +.nav-item { + + transition: background-color 300ms; + +} + +.nav-item:hover { + + background-color: white; + +} + +.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { + + color: #4A245E; + background-color: transparent; + +} + +.navbar-inverse .navbar-nav > .active > a, + .navbar-inverse .navbar-nav > .active > a:hover, + .navbar-inverse .navbar-nav > .active > a:focus { + + background-color: white; + color: #4A245E; + +} diff --git a/public_html/1430/css/style.css b/public_html/1430/css/style.css new file mode 100644 index 00000000..f274f320 --- /dev/null +++ b/public_html/1430/css/style.css @@ -0,0 +1,244 @@ +/* GENERAL */ +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; + background-attachment: fixed; + +} + +@keyframes change { + + from { + + background-position: right,center; + + } + +} +/* TEXT */ +* { + + font-family: Lato, sans-serif; + color: white; + +} + +h1, h2 { + + font-weight: bold; + margin: 0; + +} + +h1 { + + margin: 5vw 0 5vw 0; + font-size: 8vw; + +} + + +h2 { + + font-size: 4vw; + +} + +h3 { + + font-size: 3vw; + +} + +p { + + font-size: 2vw; + +} + +.dark-text { + + color: #4A245E; + +} + +.light-text { + + color: white; + +} + +/* NAV-BAR */ +.bg-light { + + background-color: white !important; + padding: 0; + +} + +.navbar-brand { + + padding-left: .5vw; + color: #4A245E; + font-size: 2vw; + font-weight: bold; + + animation: 500ms; + +} + +.navbar-toggler { + + border: none; + +} + +.navbar-toggler:focus { + + box-shadow: none; + border:none; + +} + +.navbar-light .navbar-toggler-icon { + + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(74, 36, 94, 1)' stroke-width='3.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); + +} + +.navbar-brand:hover { + + color: #4A245E; + +} + +.nav-link { + + padding: 1.5vw; + +} + +.nav-link, .nav-link > .nav-item { + + color: #4A245E; + font-size: 1.3vw; + + animation: 500ms; + +} + +.nav-link:hover, .nav-link:hover > .nav-item { + + color: white; + +} + +.nav-link:hover { + + background-color: #4A245E; + +} + +/* MISC */ + +.custom-container { + + align-content: center; + + padding: 5vw; + + width: 90% !important; + margin-left: auto; + margin-right: auto; + +} + +.bar { + + display: block; + width: 100%; + border-top: 5px #4A245E solid; + padding-bottom: 1vw; + +} + +#quoter { + + background-color: white; + color: #4A245E; + +} + +#getNewQuote { + + margin-top: 5vw; + font-size: 2vw; + border: 5px #4A245E solid; + border-radius: 1vw; + padding: 1vw; + background-color: #4A245E; + color: white; + + animation: 500ms; + +} + +#getNewQuote:hover { + + background-color: white; + color: #4A245E; + border: 5px #4A245E solid; + +} + +#person { + + padding: 1vw; + +} + +@media (max-width: 991px) { + + h1 { + + font-size: 12vw; + + } + + h2 { + + font-size: 8vw; + + } + + h3, .navbar-brand { + + font-size: 6vw; + + } + + p, #getNewQuote, .nav-link, .nav-link > .nav-item { + + font-size: 3vw; + + } + + .nav-link > .nav-item { + + font-weight: bold; + + } + +} \ No newline at end of file diff --git a/public_html/1430/horizontal-menu/.DS_Store b/public_html/1430/horizontal-menu/.DS_Store new file mode 100644 index 00000000..f1086fea Binary files /dev/null and b/public_html/1430/horizontal-menu/.DS_Store differ diff --git a/public_html/1430/horizontal-menu/about.html b/public_html/1430/horizontal-menu/about.html new file mode 100644 index 00000000..1360a451 --- /dev/null +++ b/public_html/1430/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/public_html/1430/horizontal-menu/contact.html b/public_html/1430/horizontal-menu/contact.html new file mode 100644 index 00000000..11a5f3eb --- /dev/null +++ b/public_html/1430/horizontal-menu/contact.html @@ -0,0 +1,37 @@ + + + + + + + Contact + + + + + +

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/public_html/1430/horizontal-menu/css/style.css b/public_html/1430/horizontal-menu/css/style.css new file mode 100644 index 00000000..6914cd3e --- /dev/null +++ b/public_html/1430/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/public_html/1430/horizontal-menu/index.html b/public_html/1430/horizontal-menu/index.html new file mode 100644 index 00000000..cf553c04 --- /dev/null +++ b/public_html/1430/horizontal-menu/index.html @@ -0,0 +1,37 @@ + + + + + + + Home + + + + + +

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/public_html/1430/horizontal-menu/order.html b/public_html/1430/horizontal-menu/order.html new file mode 100644 index 00000000..86c44933 --- /dev/null +++ b/public_html/1430/horizontal-menu/order.html @@ -0,0 +1,37 @@ + + + + + + + Order + + + + + +

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/public_html/1430/image-map/.DS_Store b/public_html/1430/image-map/.DS_Store new file mode 100644 index 00000000..3d93a631 Binary files /dev/null and b/public_html/1430/image-map/.DS_Store differ diff --git a/public_html/1430/image-map/css/.DS_Store b/public_html/1430/image-map/css/.DS_Store new file mode 100644 index 00000000..5008ddfc Binary files /dev/null and b/public_html/1430/image-map/css/.DS_Store differ diff --git a/public_html/1430/image-map/css/style.css b/public_html/1430/image-map/css/style.css new file mode 100644 index 00000000..f5c8ec90 --- /dev/null +++ b/public_html/1430/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/public_html/1430/image-map/img/.DS_Store b/public_html/1430/image-map/img/.DS_Store new file mode 100644 index 00000000..5008ddfc Binary files /dev/null and b/public_html/1430/image-map/img/.DS_Store differ diff --git a/public_html/1430/image-map/img/swmap.jpeg b/public_html/1430/image-map/img/swmap.jpeg new file mode 100644 index 00000000..90599896 Binary files /dev/null and b/public_html/1430/image-map/img/swmap.jpeg differ diff --git a/public_html/1430/image-map/index.html b/public_html/1430/image-map/index.html new file mode 100644 index 00000000..cc757f8d --- /dev/null +++ b/public_html/1430/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:

+ +
+ + +
+

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/public_html/1430/image-map/pizza-2/.DS_Store b/public_html/1430/image-map/pizza-2/.DS_Store new file mode 100644 index 00000000..9a52b39b Binary files /dev/null and b/public_html/1430/image-map/pizza-2/.DS_Store differ diff --git a/public_html/1430/image-map/pizza-2/about.html b/public_html/1430/image-map/pizza-2/about.html new file mode 100644 index 00000000..8aa060b0 --- /dev/null +++ b/public_html/1430/image-map/pizza-2/about.html @@ -0,0 +1,57 @@ + + + + + + About + + + +

+ +
+ +

About

+
+ +
+ +

Ashton Pizzeria opened it's doors May 25, 2001. + Family-owned, Ashton Pizzeria was the stomach-child of Josh Ashton. + Working hard with his parents, Richard and Tracy, the trio spent years prior to the grand opening cultivating + and perfecting recipes for the pizzeria. + +

+ + The Ashton's have a long history with pizza, with regularly made homemade pizzas each week. + Pizza wasn't just a food for the Ashton's: it was a lifestyle. + The Ashton's truly believe that everyone is happier when they have some pizza. + +

+ + The next step was to make pizza as accessible as possible to anyone. + Not some frozen or processed pizza one finds at Little Caesar's other pizzeria's, + but true artisanal pizza made fresh for each customer. + +

+ + We're still making pizza after 20 years, and our family will continue to make pizza for the next 20 years! + +

+
+ +
+ + + \ No newline at end of file diff --git a/public_html/1430/image-map/pizza-2/contact.html b/public_html/1430/image-map/pizza-2/contact.html new file mode 100644 index 00000000..11c960c9 --- /dev/null +++ b/public_html/1430/image-map/pizza-2/contact.html @@ -0,0 +1,61 @@ + + + + + + Contact + + + + + +
+ +

Contact

+
+ +
+

Please reach out with any feedback you have for us! + Just as we care about serving the best quality pizza, we also care about our service. + Let us know of any negative experiences, and especially all of your positive experiences! + We want to know when we're doing something right, and when we are not. Thank you! + +

+
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/public_html/1430/image-map/pizza-2/css/style.css b/public_html/1430/image-map/pizza-2/css/style.css new file mode 100644 index 00000000..f45f1a6c --- /dev/null +++ b/public_html/1430/image-map/pizza-2/css/style.css @@ -0,0 +1,309 @@ +/*GENERAL*/ + + :root { + + --main-dark-color: #162521; + --main-offwhite-color: #F7F7FF; + --main-midtone-color: #9BC995; + --main-accent-color: #EEF36A; + --secondary-accent-color: #98B9AB; + + } + + * { + + margin: auto; + position: relative; + + font-family: Lato; + font-size: 1em; + color: var(--main-offwhite-color); + + } + + html { + + background-color: var(--main-dark-color); + margin-bottom: 5em; + + } + + main { + + max-width: 1200px; + + } + + h1 { + + font-size: 10em; + padding-top: 1em; + padding-bottom: 1em; + text-align: center; + + } + + h2 { + + font-size: 5em; + text-align: center; + + } + + h3 { + + font-size: 2em; + text-align: center; + + } + + h4 { + + font-size: 1.4em; + padding: .5em; + text-align: center; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + p.info { + + font-size: .9em; + padding: 2em; + margin-top: 2em; + margin-bottom: 2em; + text-align: center; + width: 60%; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + .cover-img { + + max-width: 100%; + display: flex; + overflow: hidden; + margin-bottom: 1em; + + } + + .cover-img > img { + + max-width: 100%; + position: absolute; + + } + + .cover-img > h1 { + + position: relative; + + } + + #strike { + + text-decoration: line-through; + + } + +/*NAVIGATION BAR*/ + nav, + nav ul, + nav ul a, + nav ul a li { + + background-color: var(--main-midtone-color); + color: var(--main-offwhite-color); + 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.8em; + + border-radius: 10px; + + transition: background-color 250ms, color 500ms; + + } + + nav ul a li:hover { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + +/*ORDER & CONTACT FORM*/ + + form { + + width: 80%; + + } + + input { + + padding: 1em; + margin: .5em; + font-size: 1.2em; + + min-width: 6.1em; + + border-radius: 10px; + border: none; + + color: var(--main-dark-color); + background-color: var(--main-offwhite-color); + + transition: 500ms; + + } + + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + + -webkit-appearance: none; + margin: 0; + + } + + input[type=reset] { + + background-color: var(--main-dark-color); + color: var(--main-offwhite-color); + + } + + input[type=reset]:hover { + + background-color: var(--secondary-accent-color); + + } + + input[type=submit] { + + background-color: var(--main-offwhite-color) + + } + + input[type=submit]:hover { + + background-color: var(--main-accent-color); + + } + + input[type=number] { + + -moz-appearance: textfield; + + } + + input[type="radio"], input[type="checkbox"] { + + opacity: 0; + position: fixed; + width: 0; + + } + + label, label { + + display: inline-block; + border: 2px solid var(--main-offwhite-color); + border-radius: 5px; + text-align: center; + padding: .5em; + margin: 0 2em 1em 2em; + + transition: 500ms; + + } + + input[type="radio"]:checked + label, input[type="checkbox"]:checked + label { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + + input[type="radio"]:hover + label, input[type="checkbox"]:hover + label { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + + input[name="add1"], input[name="add2"] { + + width: 100%; + + } + + input::placeholder, textarea::placeholder { + + color: var(--main-midtone-color); + font-style: italic; + font-size: .8em; + + } + + input:focus, textarea.comment:focus { + + background-color: var(--main-midtone-color); + color: var(--main-offwhite-color); + + } + + select { + + border: 2px solid var(--main-offwhite-color); + border-radius: 5px; + text-align: center; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + div.newRow { + + display: flex; + justify-content: center; + + } + + div.newRow > :not(input.address){ + + width: 50%; + + } + + textarea.comment { + + border: 1px solid var(--main-offwhite-color); + border-radius: 5px; + background-color: var(--main-offwhite-color); + color: var(--main-dark-color); + padding: 1em; + + height: 4em; + + transition: 500ms; + + } \ No newline at end of file diff --git a/public_html/1430/image-map/pizza-2/img/fresh-veggies.jpg b/public_html/1430/image-map/pizza-2/img/fresh-veggies.jpg new file mode 100644 index 00000000..fa0d693d Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/fresh-veggies.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/hand-made.jpg b/public_html/1430/image-map/pizza-2/img/hand-made.jpg new file mode 100644 index 00000000..77da947d Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/hand-made.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/hand-made2.jpg b/public_html/1430/image-map/pizza-2/img/hand-made2.jpg new file mode 100644 index 00000000..f9364e5b Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/hand-made2.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/outdoor-dining.jpg b/public_html/1430/image-map/pizza-2/img/outdoor-dining.jpg new file mode 100644 index 00000000..228948ab Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/outdoor-dining.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/pizza-dough.jpg b/public_html/1430/image-map/pizza-2/img/pizza-dough.jpg new file mode 100644 index 00000000..ebba33ca Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/pizza-dough.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/pizza-making.jpg b/public_html/1430/image-map/pizza-2/img/pizza-making.jpg new file mode 100644 index 00000000..f452ddd1 Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/pizza-making.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/pizza-oven.jpg b/public_html/1430/image-map/pizza-2/img/pizza-oven.jpg new file mode 100644 index 00000000..42b97950 Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/pizza-oven.jpg differ diff --git a/public_html/1430/image-map/pizza-2/img/sit-in.jpg b/public_html/1430/image-map/pizza-2/img/sit-in.jpg new file mode 100644 index 00000000..58cca2fe Binary files /dev/null and b/public_html/1430/image-map/pizza-2/img/sit-in.jpg differ diff --git a/public_html/1430/image-map/pizza-2/index.html b/public_html/1430/image-map/pizza-2/index.html new file mode 100644 index 00000000..a7831f3c --- /dev/null +++ b/public_html/1430/image-map/pizza-2/index.html @@ -0,0 +1,39 @@ + + + + + + Home + + + + + +
+ +

Home

+
+ +
+ +

It's Pizza Time!

+

At Ashton Pizzeria, you'll taste world-class pizza prepared fresh for each customer. + Our recipes are tried and true, with over 20 years of raving reviews! + We're proud of our long-standing tradition of offering quality ingredients, quality chefs, for a quality pizza.

+
+ +

+ + + \ No newline at end of file diff --git a/public_html/1430/image-map/pizza-2/order.html b/public_html/1430/image-map/pizza-2/order.html new file mode 100644 index 00000000..5a136b18 --- /dev/null +++ b/public_html/1430/image-map/pizza-2/order.html @@ -0,0 +1,442 @@ + + + + + + + Order + + + + + + +
+ +

Order

+
+ +
+ +

Every pizza, made from scratch

+ +

Here at Ashton Pizzeria, we take tremendous pride in our award-winning pizza. + Every pizza is hand-made with fresh, all-natural ingredients, + and is cooking in our brick oven within 25 minutes of receiving an order. + With our free delivery service, you'll have your dream pizza within 40 minutes of placing an order. + +

+ +
+ +

About You

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

About your pizza

+
+ + +
+

SIZE

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

CRUST

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

Toppings

+
+ + +
+

MEATS

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

GREENS

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

SAUCES

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

CHEESE

+
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ +
+ + + +
+ +
+ +
+ + + + +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/public_html/1430/img/notify.mp3 b/public_html/1430/img/notify.mp3 new file mode 100644 index 00000000..8894c900 Binary files /dev/null and b/public_html/1430/img/notify.mp3 differ diff --git a/public_html/1430/index.html b/public_html/1430/index.html new file mode 100644 index 00000000..a08466f3 --- /dev/null +++ b/public_html/1430/index.html @@ -0,0 +1,107 @@ + + + + + + + + + + + + + + + + Joshua Ashton + + + + + + + +
+ +

Hi, I'm Josh Ashton!

+ +

Aspiring developer at SLCC

+ +
+ +
+ +

Random Quote Generator

+ + + +

"Hello there!"

+

-Obi-Wan Kenobi

+ + + +
+ +
+ +

Reflection

+

One of the things that made this web development class so enjoyable was the immediate application of the concepts we were learning. After learning new concepts, we had the opportunity to put those concepts into practice right away through hands-on projects. It was very satisfying to see my own creations come to life and be able to apply the skills I was learning in a real-world context.

+

Another aspect of the coursework that I found enjoyable was the variety of projects we worked on. We covered a range of topics, from basic HTML and CSS to more advanced concepts like responsive design and JavaScript. Each project presented a new challenge and allowed me to explore different areas of web development. I really appreciated the opportunity to try out different techniques and approaches, and it helped to keep things interesting and engaging.

+

Overall, I found the web development class to be a highly enjoyable and rewarding learning experience. The combination of clear explanations, hands-on projects, and a supportive instructor made it a truly enjoyable experience.

+

+ +
+ + + + + + \ No newline at end of file diff --git a/public_html/1430/js-birthday/css/style.css b/public_html/1430/js-birthday/css/style.css new file mode 100644 index 00000000..251d4f1c --- /dev/null +++ b/public_html/1430/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/public_html/1430/js-birthday/index.html b/public_html/1430/js-birthday/index.html new file mode 100644 index 00000000..068b3f13 --- /dev/null +++ b/public_html/1430/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...

+ + + \ No newline at end of file diff --git a/public_html/1430/js-birthday/js/script.js b/public_html/1430/js-birthday/js/script.js new file mode 100644 index 00000000..9e08f1f1 --- /dev/null +++ b/public_html/1430/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/public_html/1430/js/script.js b/public_html/1430/js/script.js new file mode 100644 index 00000000..0c20f4be --- /dev/null +++ b/public_html/1430/js/script.js @@ -0,0 +1,54 @@ +const quotes = [ + "The greatest glory in living lies not in never falling, but in rising every time we fall.", + "The way to get started is to quit talking and begin doing.", + "Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma – which is living with the results of other people's thinking.", + "If life were predictable it would cease to be life, and be without flavor.", + "If you look at what you have in life, you'll always have more. If you look at what you don't have in life, you'll never have enough.", + "If you set your goals ridiculously high and it's a failure, you will fail above everyone else's success.", + "Life is what happens when you're busy making other plans.", + "Spread love everywhere you go. Let no one ever come to you without leaving happier.", + "When you reach the end of your rope, tie a knot in it and hang on.", + "Always remember that you are absolutely unique. Just like everyone else.", + "Don't judge each day by the harvest you reap but by the seeds that you plant.", + "The future belongs to those who believe in the beauty of their dreams.", + "Tell me and I forget. Teach me and I remember. Involve me and I learn.", + "The best and most beautiful things in the world cannot be seen or even touched — they must be felt with the heart.", + "It is during our darkest moments that we must focus to see the light.", + "Whoever is happy will make others happy too.", + "Do not go where the path may lead, go instead where there is no path and leave a trail." +]; + +const people =[ + "-Nelson Mandela", + "-Walt Disney", + "-Steve Jobs", + "-Eleanor Roosevelt", + "-Oprah Winfrey", + "-James Cameron", + "-John Lennon", + "-Mother Teresa", + "-Franklin D. Roosevelt", + "-Margaret Mead", + "-Robert Louis Stevenson", + "-Eleanor Roosevelt", + "-Benjamin Franklin", + "-Helen Keller", + "-Aristotle", + "-Anne Frank", + "-Ralph Waldo Emerson" +]; + +let audio = document.getElementsByTagName("audio")[0]; + +function getQuote() { + + audio.currentTime = 0; + + let num = Math.floor(Math.random() * quotes.length); + + document.getElementById("quote").innerHTML = "\"" + quotes[num] + "\""; + document.getElementById("person").innerHTML = people[num]; + + audio.play(); + +} \ No newline at end of file diff --git a/public_html/1430/little-boxes/.DS_Store b/public_html/1430/little-boxes/.DS_Store new file mode 100644 index 00000000..6911d258 Binary files /dev/null and b/public_html/1430/little-boxes/.DS_Store differ diff --git a/public_html/1430/little-boxes/.vscode/settings.json b/public_html/1430/little-boxes/.vscode/settings.json new file mode 100644 index 00000000..26457459 --- /dev/null +++ b/public_html/1430/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/public_html/1430/little-boxes/css/style.css b/public_html/1430/little-boxes/css/style.css new file mode 100644 index 00000000..e9023e86 --- /dev/null +++ b/public_html/1430/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: 576px; + 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: 516px; + + 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: 140px; + + background-color: black; + +} + +/*Positions the glasses' left ear hook.*/ +#leftEarHook { + + float: left; + right: 180px; + +} + +/*Positions and re-sizes the glasses' nose bridge.*/ +#bridge { + + position: absolute; + width: 80px; + +} + +/*Positions the glasses' right ear hook.*/ +#rightEarHook { + + float: right; + left: 180px; + +} + +/*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/public_html/1430/little-boxes/index.html b/public_html/1430/little-boxes/index.html new file mode 100644 index 00000000..5e610a53 --- /dev/null +++ b/public_html/1430/little-boxes/index.html @@ -0,0 +1,114 @@ + + + + + + + Self-portrait | Little-Boxes + + + + + + + + + \ No newline at end of file diff --git a/public_html/1430/lottery/css/1 b/public_html/1430/lottery/css/1 new file mode 100644 index 00000000..49af27e6 --- /dev/null +++ b/public_html/1430/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/public_html/1430/lottery/css/style.css b/public_html/1430/lottery/css/style.css new file mode 100644 index 00000000..fdadc07a --- /dev/null +++ b/public_html/1430/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/public_html/css/style.scss b/public_html/1430/lottery/favicon.ico similarity index 100% rename from public_html/css/style.scss rename to public_html/1430/lottery/favicon.ico diff --git a/public_html/1430/lottery/index.html b/public_html/1430/lottery/index.html new file mode 100644 index 00000000..d4197749 --- /dev/null +++ b/public_html/1430/lottery/index.html @@ -0,0 +1,34 @@ + + + + + + + + + + Lottery + + + + + +

Ashton's Lottery

+ +
+ + + +

Awaiting player...

+ +
+ + + + + + diff --git a/public_html/1430/lottery/js/index.js b/public_html/1430/lottery/js/index.js new file mode 100644 index 00000000..28e387be --- /dev/null +++ b/public_html/1430/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/public_html/1430/lottery/js/script.js b/public_html/1430/lottery/js/script.js new file mode 100644 index 00000000..6a98aaf0 --- /dev/null +++ b/public_html/1430/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/public_html/1430/mad-lib/css/style.css b/public_html/1430/mad-lib/css/style.css new file mode 100644 index 00000000..b043e592 --- /dev/null +++ b/public_html/1430/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/public_html/1430/mad-lib/index.html b/public_html/1430/mad-lib/index.html new file mode 100644 index 00000000..5f4e679c --- /dev/null +++ b/public_html/1430/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/public_html/1430/mad-lib/js/script.js b/public_html/1430/mad-lib/js/script.js new file mode 100644 index 00000000..1350f9f8 --- /dev/null +++ b/public_html/1430/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/public_html/1430/pizza-1/.DS_Store b/public_html/1430/pizza-1/.DS_Store new file mode 100644 index 00000000..9a52b39b Binary files /dev/null and b/public_html/1430/pizza-1/.DS_Store differ diff --git a/public_html/1430/pizza-1/about.html b/public_html/1430/pizza-1/about.html new file mode 100644 index 00000000..298c67d3 --- /dev/null +++ b/public_html/1430/pizza-1/about.html @@ -0,0 +1,22 @@ + + + + + + About + + + + + +

About

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

Contact

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


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

Home

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

Order

+ + + \ No newline at end of file diff --git a/public_html/1430/pizza-2/.DS_Store b/public_html/1430/pizza-2/.DS_Store new file mode 100644 index 00000000..9a52b39b Binary files /dev/null and b/public_html/1430/pizza-2/.DS_Store differ diff --git a/public_html/1430/pizza-2/about.html b/public_html/1430/pizza-2/about.html new file mode 100644 index 00000000..8aa060b0 --- /dev/null +++ b/public_html/1430/pizza-2/about.html @@ -0,0 +1,57 @@ + + + + + + About + + + + + +
+ +

About

+
+ +
+ +

Ashton Pizzeria opened it's doors May 25, 2001. + Family-owned, Ashton Pizzeria was the stomach-child of Josh Ashton. + Working hard with his parents, Richard and Tracy, the trio spent years prior to the grand opening cultivating + and perfecting recipes for the pizzeria. + +

+ + The Ashton's have a long history with pizza, with regularly made homemade pizzas each week. + Pizza wasn't just a food for the Ashton's: it was a lifestyle. + The Ashton's truly believe that everyone is happier when they have some pizza. + +

+ + The next step was to make pizza as accessible as possible to anyone. + Not some frozen or processed pizza one finds at Little Caesar's other pizzeria's, + but true artisanal pizza made fresh for each customer. + +

+ + We're still making pizza after 20 years, and our family will continue to make pizza for the next 20 years! + +

+
+ +
+ + + \ No newline at end of file diff --git a/public_html/1430/pizza-2/contact.html b/public_html/1430/pizza-2/contact.html new file mode 100644 index 00000000..11c960c9 --- /dev/null +++ b/public_html/1430/pizza-2/contact.html @@ -0,0 +1,61 @@ + + + + + + Contact + + + + + +
+ +

Contact

+
+ +
+

Please reach out with any feedback you have for us! + Just as we care about serving the best quality pizza, we also care about our service. + Let us know of any negative experiences, and especially all of your positive experiences! + We want to know when we're doing something right, and when we are not. Thank you! + +

+
+ +
+ +
+ + + +
+ +
+ +
+ +
+ + + + +
+ +
+ +
+ + + \ No newline at end of file diff --git a/public_html/1430/pizza-2/css/style.css b/public_html/1430/pizza-2/css/style.css new file mode 100644 index 00000000..63c9ec36 --- /dev/null +++ b/public_html/1430/pizza-2/css/style.css @@ -0,0 +1,309 @@ +/*GENERAL*/ + + :root { + + --main-dark-color: #162521; + --main-offwhite-color: #F7F7FF; + --main-midtone-color: #9BC995; + --main-accent-color: #EEF36A; + --secondary-accent-color: #98B9AB; + + } + + * { + + margin: auto; + position: relative; + + font-family: Lato; + font-size: 1em; + color: var(--main-offwhite-color); + + } + + html { + + background-color: var(--main-dark-color); + margin-bottom: 5em; + + } + + main { + + max-width: 1200px; + + } + + h1 { + + font-size: 10em; + padding-top: 1em; + padding-bottom: 1em; + text-align: center; + + } + + h2 { + + font-size: 5em; + text-align: center; + + } + + h3 { + + font-size: 2em; + text-align: center; + + } + + h4 { + + font-size: 1.4em; + padding: .5em; + text-align: center; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + p.info { + + font-size: .9em; + padding: 2em; + margin-top: 2em; + margin-bottom: 2em; + text-align: center; + width: 60%; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + .cover-img { + + max-width: 100%; + display: flex; + overflow: hidden; + margin-bottom: 1em; + + } + + .cover-img > img { + + max-width: 100%; + position: absolute; + + } + + .cover-img > h1 { + + position: relative; + + } + + #strike { + + text-decoration: line-through; + + } + +/*NAVIGATION BAR*/ + nav, + nav ul, + nav ul a, + nav ul a li { + + background-color: var(--main-midtone-color); + color: var(--main-offwhite-color); + 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.8em; + + border-radius: 10px; + + transition: background-color 250ms, color 500ms; + + } + + nav ul a li:hover { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + +/*ORDER & CONTACT FORM*/ + + form { + + width: 80%; + + } + + input { + + padding: 1em; + margin: .5em; + font-size: 1.2em; + + min-width: 6.1em; + + border-radius: 10px; + border: none; + + color: var(--main-dark-color); + background-color: var(--main-offwhite-color); + + transition: 500ms; + + } + + input::-webkit-outer-spin-button, + input::-webkit-inner-spin-button { + + -webkit-appearance: none; + margin: 0; + + } + + input[type=reset] { + + background-color: var(--main-dark-color); + color: var(--main-offwhite-color); + + } + + input[type=reset]:hover { + + background-color: var(--secondary-accent-color); + + } + + input[type=submit] { + + background-color: var(--main-offwhite-color) + + } + + input[type=submit]:hover { + + background-color: var(--main-accent-color); + + } + + input[type=number] { + + -moz-appearance: textfield; + + } + + input[type="radio"], input[type="checkbox"] { + + opacity: 0; + position: fixed; + width: 0; + + } + + label, label { + + display: inline-block; + border: 2px solid var(--main-offwhite-color); + border-radius: 5px; + text-align: center; + padding: .5em; + margin: 0 2em 1em 2em; + + transition: 500ms; + + } + + input[type="radio"]:checked + label, input[type="checkbox"]:checked + label { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + + input[type="radio"]:hover + label, input[type="checkbox"]:hover + label { + + background-color: var(--main-accent-color); + color: var(--main-dark-color); + + } + + input[name="add1"], input[name="add2"] { + + width: 100%; + + } + + input::placeholder, textarea.comment::placeholder { + + color: var(--main-midtone-color); + font-style: italic; + font-size: .8em; + + } + + input:focus, textarea.comment:focus { + + background-color: var(--main-midtone-color); + color: var(--main-offwhite-color); + + } + + select { + + border: 2px solid var(--main-offwhite-color); + border-radius: 5px; + text-align: center; + color: var(--main-offwhite-color); + background-color: var(--main-midtone-color); + + } + + div.newRow { + + display: flex; + justify-content: center; + + } + + div.newRow > :not(input.address){ + + width: 50%; + + } + + textarea.comment { + + border: 1px solid var(--main-offwhite-color); + border-radius: 5px; + background-color: var(--main-offwhite-color); + color: var(--main-dark-color); + padding: 1em; + + height: 4em; + + transition: 500ms; + + } \ No newline at end of file diff --git a/public_html/1430/pizza-2/img/fresh-veggies.jpg b/public_html/1430/pizza-2/img/fresh-veggies.jpg new file mode 100644 index 00000000..fa0d693d Binary files /dev/null and b/public_html/1430/pizza-2/img/fresh-veggies.jpg differ diff --git a/public_html/1430/pizza-2/img/hand-made.jpg b/public_html/1430/pizza-2/img/hand-made.jpg new file mode 100644 index 00000000..77da947d Binary files /dev/null and b/public_html/1430/pizza-2/img/hand-made.jpg differ diff --git a/public_html/1430/pizza-2/img/hand-made2.jpg b/public_html/1430/pizza-2/img/hand-made2.jpg new file mode 100644 index 00000000..f9364e5b Binary files /dev/null and b/public_html/1430/pizza-2/img/hand-made2.jpg differ diff --git a/public_html/1430/pizza-2/img/outdoor-dining.jpg b/public_html/1430/pizza-2/img/outdoor-dining.jpg new file mode 100644 index 00000000..228948ab Binary files /dev/null and b/public_html/1430/pizza-2/img/outdoor-dining.jpg differ diff --git a/public_html/1430/pizza-2/img/pizza-dough.jpg b/public_html/1430/pizza-2/img/pizza-dough.jpg new file mode 100644 index 00000000..ebba33ca Binary files /dev/null and b/public_html/1430/pizza-2/img/pizza-dough.jpg differ diff --git a/public_html/1430/pizza-2/img/pizza-making.jpg b/public_html/1430/pizza-2/img/pizza-making.jpg new file mode 100644 index 00000000..f452ddd1 Binary files /dev/null and b/public_html/1430/pizza-2/img/pizza-making.jpg differ diff --git a/public_html/1430/pizza-2/img/pizza-oven.jpg b/public_html/1430/pizza-2/img/pizza-oven.jpg new file mode 100644 index 00000000..42b97950 Binary files /dev/null and b/public_html/1430/pizza-2/img/pizza-oven.jpg differ diff --git a/public_html/1430/pizza-2/img/sit-in.jpg b/public_html/1430/pizza-2/img/sit-in.jpg new file mode 100644 index 00000000..58cca2fe Binary files /dev/null and b/public_html/1430/pizza-2/img/sit-in.jpg differ diff --git a/public_html/1430/pizza-2/index.html b/public_html/1430/pizza-2/index.html new file mode 100644 index 00000000..a7831f3c --- /dev/null +++ b/public_html/1430/pizza-2/index.html @@ -0,0 +1,39 @@ + + + + + + Home + + + + + +
+ +

Home

+
+ +
+ +

It's Pizza Time!

+

At Ashton Pizzeria, you'll taste world-class pizza prepared fresh for each customer. + Our recipes are tried and true, with over 20 years of raving reviews! + We're proud of our long-standing tradition of offering quality ingredients, quality chefs, for a quality pizza.

+
+ +

+ + + \ No newline at end of file diff --git a/public_html/1430/pizza-2/order.html b/public_html/1430/pizza-2/order.html new file mode 100644 index 00000000..000e3eee --- /dev/null +++ b/public_html/1430/pizza-2/order.html @@ -0,0 +1,442 @@ + + + + + + + Order + + + + + + +
+ +

Order

+
+ +
+ +

Every pizza, made from scratch

+ +

Here at Ashton Pizzeria, we take tremendous pride in our award-winning pizza. + Every pizza is hand-made with fresh, all-natural ingredients, + and is cooking in our brick oven within 25 minutes of receiving an order. + With our free delivery service, you'll have your dream pizza within 40 minutes of placing an order. + +

+ +
+ +

About You

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

About your pizza

+
+ + +
+

SIZE

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

CRUST

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

Toppings

+
+ + +
+

MEATS

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

GREENS

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

SAUCES

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

CHEESE

+
+ +
+ + + + + + +
+ +
+ + + + + + +
+ +
+ +
+ + + +
+ +
+ +
+ + + + +
+ +
+ +
+ + + + \ No newline at end of file diff --git a/public_html/1430/superheroes/.DS_Store b/public_html/1430/superheroes/.DS_Store new file mode 100644 index 00000000..8f1a43dc Binary files /dev/null and b/public_html/1430/superheroes/.DS_Store differ diff --git a/public_html/1430/superheroes/css/style.css b/public_html/1430/superheroes/css/style.css new file mode 100644 index 00000000..fbb49364 --- /dev/null +++ b/public_html/1430/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/public_html/1430/superheroes/index.html b/public_html/1430/superheroes/index.html new file mode 100644 index 00000000..31079692 --- /dev/null +++ b/public_html/1430/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/public_html/1430/tables/.DS_Store b/public_html/1430/tables/.DS_Store new file mode 100644 index 00000000..f66ac58c Binary files /dev/null and b/public_html/1430/tables/.DS_Store differ diff --git a/public_html/1430/tables/img/JackStauber_logo.jpeg b/public_html/1430/tables/img/JackStauber_logo.jpeg new file mode 100644 index 00000000..0546f73a Binary files /dev/null and b/public_html/1430/tables/img/JackStauber_logo.jpeg differ diff --git a/public_html/1430/tables/img/JerryRigEverything_logo.jpeg b/public_html/1430/tables/img/JerryRigEverything_logo.jpeg new file mode 100644 index 00000000..5f82c519 Binary files /dev/null and b/public_html/1430/tables/img/JerryRigEverything_logo.jpeg differ diff --git a/public_html/1430/tables/img/LTT_logo.jpeg b/public_html/1430/tables/img/LTT_logo.jpeg new file mode 100644 index 00000000..e74a3fb0 Binary files /dev/null and b/public_html/1430/tables/img/LTT_logo.jpeg differ diff --git a/public_html/1430/tables/img/LifeinJars_logo.jpeg b/public_html/1430/tables/img/LifeinJars_logo.jpeg new file mode 100644 index 00000000..1cab4d45 Binary files /dev/null and b/public_html/1430/tables/img/LifeinJars_logo.jpeg differ diff --git a/public_html/1430/tables/img/LukeStephens_Logo.jpeg b/public_html/1430/tables/img/LukeStephens_Logo.jpeg new file mode 100644 index 00000000..2a19d70d Binary files /dev/null and b/public_html/1430/tables/img/LukeStephens_Logo.jpeg differ diff --git a/public_html/1430/tables/img/Pkmncast_logo.jpeg b/public_html/1430/tables/img/Pkmncast_logo.jpeg new file mode 100644 index 00000000..a08e4720 Binary files /dev/null and b/public_html/1430/tables/img/Pkmncast_logo.jpeg differ diff --git a/public_html/1430/tables/img/WolfeyVGC_logo.jpeg b/public_html/1430/tables/img/WolfeyVGC_logo.jpeg new file mode 100644 index 00000000..4eabb3b1 Binary files /dev/null and b/public_html/1430/tables/img/WolfeyVGC_logo.jpeg differ diff --git a/public_html/1430/tables/img/internetPitstop_logo.jpeg b/public_html/1430/tables/img/internetPitstop_logo.jpeg new file mode 100644 index 00000000..da19f19c Binary files /dev/null and b/public_html/1430/tables/img/internetPitstop_logo.jpeg differ diff --git a/public_html/1430/tables/img/kieran_LOGO.jpeg b/public_html/1430/tables/img/kieran_LOGO.jpeg new file mode 100644 index 00000000..a431150b Binary files /dev/null and b/public_html/1430/tables/img/kieran_LOGO.jpeg differ diff --git a/public_html/1430/tables/index.html b/public_html/1430/tables/index.html new file mode 100644 index 00000000..bc8b45be --- /dev/null +++ b/public_html/1430/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 NameCreatorCreator ProfileVideo DescriptionVideo Length
Important Videos Playlistkierancaspian's channelA playlist of 312 short videos epitomizing "internet humor". A necessary watch for any new internet user.~1:11:39
The Batman Arkham SeriesLuke Stephens' channelA thorough analysis of the Batman Arkham games trilogy, from gameplay and story, to character development and atmosphere.3:24:53
Introduction to Competitive PokemonWolfeyVGC's channelPart 1 to a 3 part series teaching fundamental concepts to excel in competitive Pokemon.1:04:22
Making a Home ServerLinus Tech Tips' channelAn inspiring video on converting an old PC or laptop to act as a home server.11:06
Beserk Soundtrack AnalysisInternet Pitstop's channelA video analyzing and discussing the Berserk 97 Soundtrack Legendary Wind Sword.34:20
rainJackStauber's channelOne of my favorite artists, I love his unique style and animation while exploring difficult subjects.0:35
Samsung Z Flip 3 TeardownJerryRigEverything's channelA 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 FunLife 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 videoPkmncast channelIn 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/public_html/1430/tables/style.css b/public_html/1430/tables/style.css new file mode 100644 index 00000000..b1f542bd --- /dev/null +++ b/public_html/1430/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/public_html/1430/tic-tac-toe/.idea/.gitignore b/public_html/1430/tic-tac-toe/.idea/.gitignore new file mode 100644 index 00000000..b58b603f --- /dev/null +++ b/public_html/1430/tic-tac-toe/.idea/.gitignore @@ -0,0 +1,5 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/public_html/1430/tic-tac-toe/.idea/modules.xml b/public_html/1430/tic-tac-toe/.idea/modules.xml new file mode 100644 index 00000000..fcdf5cc4 --- /dev/null +++ b/public_html/1430/tic-tac-toe/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/public_html/1430/tic-tac-toe/.idea/tic-tac-toe.iml b/public_html/1430/tic-tac-toe/.idea/tic-tac-toe.iml new file mode 100644 index 00000000..0c8867d7 --- /dev/null +++ b/public_html/1430/tic-tac-toe/.idea/tic-tac-toe.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/public_html/1430/tic-tac-toe/.index.html.swp b/public_html/1430/tic-tac-toe/.index.html.swp new file mode 100644 index 00000000..6cd8ad72 Binary files /dev/null and b/public_html/1430/tic-tac-toe/.index.html.swp differ diff --git a/public_html/1430/tic-tac-toe/_ b/public_html/1430/tic-tac-toe/_ new file mode 100644 index 00000000..b74e7096 --- /dev/null +++ b/public_html/1430/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/public_html/1430/tic-tac-toe/css/.style.css.swp b/public_html/1430/tic-tac-toe/css/.style.css.swp new file mode 100644 index 00000000..ce4c1989 Binary files /dev/null and b/public_html/1430/tic-tac-toe/css/.style.css.swp differ diff --git a/public_html/1430/tic-tac-toe/css/style.css b/public_html/1430/tic-tac-toe/css/style.css new file mode 100644 index 00000000..15787833 --- /dev/null +++ b/public_html/1430/tic-tac-toe/css/style.css @@ -0,0 +1,67 @@ +* { + + font-family: Lato sans-serif; + + background-color: #4A245E; + color: white; + +} + +body { + + display: flex; + justify-content: center; + +} + +.grid { + + margin-top: 10em; + position: absolute; + + display: grid; + + grid-template-columns: 10em 10em 10em; + grid-template-rows: 10em 10em 10em; + + width: 75%; + +} + +.box { + + font-size: 5em; + + border: 3px solid #4A245E; + + padding: 1em; + + display: flex; + + justify-content: center; + align-items: center; + + margin: 0; + + background-color: white; + color: #4A245E; + +} + +#output { + + position: relative; + padding: 5em; + width: 100%; + +} + +button { + + background-color: white; + color: #4A245E; + padding: 1em; + font-size: 1em; + border-radius: 15px; + +} diff --git a/public_html/1430/tic-tac-toe/index.html b/public_html/1430/tic-tac-toe/index.html new file mode 100644 index 00000000..2c7392f8 --- /dev/null +++ b/public_html/1430/tic-tac-toe/index.html @@ -0,0 +1,65 @@ + + + + + + + + + + Tic-Tac-Toe + + + + + +
+ +

+ + +
+ +
+ +
+
+
+ +
+
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + + + +
+ + + + + + diff --git a/public_html/1430/tic-tac-toe/js/.script.js.swp b/public_html/1430/tic-tac-toe/js/.script.js.swp new file mode 100644 index 00000000..3869b7c6 Binary files /dev/null and b/public_html/1430/tic-tac-toe/js/.script.js.swp differ diff --git a/public_html/1430/tic-tac-toe/js/script.js b/public_html/1430/tic-tac-toe/js/script.js new file mode 100644 index 00000000..373365a7 --- /dev/null +++ b/public_html/1430/tic-tac-toe/js/script.js @@ -0,0 +1,197 @@ +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) { + + if(button.innerHTML === "") { + + 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 === 1) { + + document.getElementById("output-text").innerHTML = currentPlayer + " WON!" + document.getElementById("clear").hidden = false; + + } else if(winstate === 2) { + + document.getElementById("output-text").innerHTML = "It's a tic-tac-tie!"; + 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 === 1) { + + document.getElementById("output-text").innerHTML = currentPlayer + " WON!" + document.getElementById("clear").hidden = false; + + } else if(winstate === 2) { + + document.getElementById("output-text").innerHTML = "It's a tic-tac-tie!"; + 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) { + + for (let i = 0; i < winstates[j].length; i++) { + + boxes[winstates[j][i]].style.backgroundColor = "#4A245E"; + boxes[winstates[j][i]].style.color = "white"; + + } + + return 1; + + } else if(marks === 9) { + + return 2; + + } else { + + count = 0; + + } + + } + + return -1; + +} + +function resetAndClear() { + + for(let i = 0; i < boxes.length; i++) { + + boxes[i].innerHTML = "" + boxes[i].style.backgroundColor = "white"; + boxes[i].style.color = "#4A245E"; + + } + + 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; + +} diff --git a/public_html/css/override.css b/public_html/css/override.css new file mode 100644 index 00000000..d54f36fe --- /dev/null +++ b/public_html/css/override.css @@ -0,0 +1,45 @@ +.navbar { + + border: none; + +} + +.bg-dark { + + background-color: #4A245E; + +} + +.navbar-inverse .navbar-nav > li > a { + + color: white; + transition: color 300ms; +} + +.nav-item { + + transition: background-color 300ms; + +} + +.nav-item:hover { + + background-color: white; + +} + +.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { + + color: #4A245E; + background-color: transparent; + +} + +.navbar-inverse .navbar-nav > .active > a, + .navbar-inverse .navbar-nav > .active > a:hover, + .navbar-inverse .navbar-nav > .active > a:focus { + + background-color: white; + color: #4A245E; + +} diff --git a/public_html/css/style.css b/public_html/css/style.css index e69de29b..9ef74619 100644 --- a/public_html/css/style.css +++ b/public_html/css/style.css @@ -0,0 +1,185 @@ +/* GENERAL */ +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; + background-attachment: fixed; +} + +@keyframes change { + from { + background-position: right,center; + } +} +/* TEXT */ +* { + font-family: Lato, sans-serif; + color: white; +} + +h1, h2 { + font-weight: bold; + margin: 0; +} + +h1 { + margin: 5vw 0 5vw 0; + font-size: 8vw; +} + + +h2 { + font-size: 4vw; +} + +h3 { + font-size: 3vw; +} + +p { + font-size: 2vw; +} + +.dark-text { + color: #4A245E; +} + +.light-text { + color: white; +} + +/* NAV-BAR */ +.bg-light { + background-color: white !important; + padding: 0; +} + +.navbar-brand { + padding-left: .5vw; + color: #4A245E; + font-size: 2vw; + font-weight: bold; + + animation: 500ms; +} + +.navbar-toggler { + border: none; +} + +.navbar-toggler:focus { + box-shadow: none; + border:none; +} + +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(74, 36, 94, 1)' stroke-width='3.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); +} + +.navbar-brand:hover { + color: #4A245E; +} + +.nav-link { + padding: 1.5vw; +} + +.nav-link, .nav-link > .nav-item { + color: #4A245E; + font-size: 1.3vw; + + animation: 500ms; +} + +.nav-link:hover, .nav-link:hover > .nav-item { + color: white; +} + +.nav-link:hover { + background-color: #4A245E; +} + +/* MISC */ + +.custom-container { + align-content: center; + + padding: 5vw; + + width: 90% !important; + margin-left: auto; + margin-right: auto; +} + +.bar { + display: block; + width: 100%; + border-top: 5px #4A245E solid; + padding-bottom: 1vw; +} + +.cards { + display: flex; +} + +.card { + flex: 1; + background-color: white; + color: #4A245E; +} + +#getNewQuote { + margin-top: 5vw; + font-size: 2vw; + border: 5px #4A245E solid; + border-radius: 1vw; + padding: 1vw; + background-color: #4A245E; + color: white; + + animation: 500ms; +} + +#getNewQuote:hover { + background-color: white; + color: #4A245E; + border: 5px #4A245E solid; +} + +#person { + padding: 1vw; +} + +@media (max-width: 991px) { + + h1 { + font-size: 12vw; + } + + h2 { + font-size: 8vw; + } + + h3, .navbar-brand { + font-size: 6vw; + } + + p, .nav-link, .nav-link > .nav-item { + font-size: 3vw; + } + + .nav-link > .nav-item { + font-weight: bold; + } + +} diff --git a/public_html/index-START.html b/public_html/index-START.html new file mode 100644 index 00000000..3f38eb08 --- /dev/null +++ b/public_html/index-START.html @@ -0,0 +1,76 @@ + + + + + HTML5 Canvas + + + + + + + + + + + diff --git a/public_html/index.html b/public_html/index.html index 74ea2281..f6eb9437 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -1,27 +1,69 @@ - - - - - - - Josh Ashton | Jr Dev - - - - - - -
- - - - - + + + + + + + + + + + + + + + + Joshua Ashton + + + + + + + +
+ +

Hi, I'm Josh Ashton!

+ +

Aspiring developer at SLCC

+ +
+ +

Projects I'm Proud of

+
+
+

1st Project to Highlight

+
+
+

2nd Project to Highlight

+
+
+

3rd Project to Highlight

+
+
+ + + + + + diff --git a/public_html/js/script.js b/public_html/js/script.js deleted file mode 100644 index e69de29b..00000000