Skip to content

Nickgallo12 patch 1 #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
nickgallo12 wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Nickgallo12 patch 1 #13

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
6bc673b
Update index.html
nickgallo12 Apr 28, 2026
fe09aa8
Pre-CSS.html
nickgallo12 Apr 29, 2026
8dc6ebd
Final.html
nickgallo12 Apr 29, 2026
6e095ce
Create CNAME
nickgallo12 Apr 30, 2026
9306965
Update index.html
nickgallo12 Apr 30, 2026
4288662
Delete CNAME
nickgallo12 Apr 30, 2026
2344515
Update index.html
nickgallo12 Apr 30, 2026
00e397d
Update index.html
nickgallo12 Apr 30, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 78 additions & 50 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
-->


<title>Firstname Lastname's Instruction Tips</title>
<title>Nick Gallo's Instruction Emporium</title>
<script src="https://thimble.mozilla.org/resources/remix/index.js" type="text/javascript"></script>
</head>
<body>
Expand All @@ -56,8 +56,10 @@
-->

<header>
<img src="https://farm9.staticflickr.com/8697/16174797344_3c22e14ba4_o.png" width="100" align="right" height="100" alt="KH_monogram">
<h1>Firstname Lastname's Name of Site</h1>
<a href="https://ibb.co/C320FQmp"><img src="https://i.ibb.co/7d4yFKjx/Design-3-clipped-rev-1.png" width="100" height="100" align="right" alt="Design-3-clipped-rev-1" border="0"></a>
</div>
<a href="https:&#x2F;&#x2F;www.canva.com&#x2F;design&#x2F;DAHILgF4Ua0&#x2F;inB7-JgqlKr6KSN6lj7m5g&#x2F;view?utm_content=DAHILgF4Ua0&amp;utm_campaign=designshare&amp;utm_medium=embeds&amp;utm_source=link" target="_blank" rel="noopener">Design</a> by Nick Gallo
<h1>Nick Gallo's Instruction Emporium</h1>
<h3>An Instruction Challenge for JOUR108</h3>

</header>
Expand All @@ -74,14 +76,14 @@ <h3>An Instruction Challenge for JOUR108</h3>
<div class="introduction">

<div class="information">
<h1>How to make an awesome ...</h1>
<h1>How to Write the Greatest Video Game Review Ever!</h1>

<hr>
<p><b>Assembly time:</b> 30 minutes<br>
<b>Awesome rating:</b> 10% awesome</p>
<p><b>Total time:</b> 10-13 hours<br>
<b>Awesome rating:</b> 100% awesome</p>
<hr>

<p>Are you wondering how to make a cool rocket that can easily surpass a baking soda-vinegar rocket? It's really fun to make. Why don't you try to make it yourself? Follow the steps and you'll make a great rocket!</p>
<p>Have you been wondering if you have what it takes to be the next huge gaming influencer? Write a review and post it! You'll already be leagues above 90% of people because you just tried!</p>

</div>

Expand All @@ -95,12 +97,10 @@ <h1>How to make an awesome ...</h1>
-->
<ul class="list-of-items">
<li><h2>Things You'll Need</h2></li>
<li>Bottle</li>
<li>Cardboard</li>
<li>Hand pump (bicycle)</li>
<li>Cork (vintage wines)</li>
<li>Duct Tape</li>
<li>Water</li>
<li>Pen</li>
<li>Paper</li>
<li>Laptop/Computer</li>
<li>Knowledge of a game</li>
</ul>
</aside>
</div>
Expand All @@ -116,56 +116,83 @@ <h1>How to make an awesome ...</h1>
<!-- A new step -->
<li>
<div class="content">
<h3>Invert the bottle and cut three flippers of cardboard.</h3>
<p>This is necessary to hold the rocket at launch time. Make your best design.</p>
<h3>Play the game for 7 to 10 hours.</h3>
<p>Many video games can take upwards of 100 hours to complete. However, most publications expect a review within 1 week of the game being released.
Try to play the video game that you are reviewing for at least 7 hours to get a feel for it. Explore as much of the game as you can in this timeframe.</p>
</div>
</li>

<!-- A new step -->
<li>
<div class="content">
<h3>Tape them all to the bottle at an angle of about 120 degrees between them.</h3>
<p>Remember, the bottle must be upside down and the flippers must not be taped at the bottle's base.</p>
<h3>Take notes on what you appreciate about the game.</h3>
<p>Your notes will translate directly into what you put in your review. Use a computer or a notebook to write down what you like about the game. Pay attention to playability, sound, graphics, and in-game purchases. Jot down anything that sticks out to you, even if it is small.</p>

<!--
This block contains a photo and has a caption.
We have used a <div> to group and position the flickr photo
with a paragraph to create a photo with a caption.
-->
<a href="http://www.flickr.com/photos/hucker/132609525/" title="2006-04-22 Yaeum Middle School Rocket Day 19 by Stephen Hucker, on Flickr"><img alt="2006-04-22 Yaeum Middle School Rocket Day 19" height="%" width="%" src="http://farm1.staticflickr.com/52/132609525_8e6452161d.jpg" ></a>
<p class="caption">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
</div>
</li>

<!-- A new step -->
<li>
<div class="content">
<h3>Make a hole through the cork so that the bicycle pump can easily fit into it.</h3>
<p>Fix the pump tube to it with plasticine.</p>
<h3>Write down what could be improved about the game. </h3>
<p>Not every game is perfect, and your review should focus on the improvements that you think could be made as well as the positives. Take note of what you didn’t love about the game. Maybe the graphics are clunky, or the load times are too long. If anything annoys you even slightly, be sure to write it down.</p>


<iframe width="560" height="315" src="https://www.youtube.com/embed/tntOCGkgt98" frameborder="0" allowfullscreen></iframe>
</div>

</li>

<!-- A new step -->
<li>
<div class="content">
<h3>Invert the bottle and cut three flippers of cardboard.</h3>
<p>This is necessary to hold the rocket at launch time. Make your best design.</p>
<h3>Note how the game compares to other games like it.</h3>
<p>You’ve probably played a lot of video games that could be comparable to the one you are reviewing. Think about games that are in the same genre as the one you are playing. Is it an action-based game? A horror game? A racing one? Then, think about which ones you liked better or worse. Would you play this one more or less than other games?</p>
</div>
</li>

<!-- A new step -->
<li>
<div class="content">
<h3>Invert the bottle and cut three flippers of cardboard.</h3>
<p>This is necessary to hold the rocket at launch time. Make your best design.</p>
<h3>Compiling Your Notes into a Review</h3>
<p> If you are submitting your review to a gaming site, they will most likely want between 800 and 1,000 words in your review. Indie games or mobile apps can be on the lower end, while popular games should be more in-depth and closer to 1,000 words.</p>
<a data-flickr-embed="true" href="https://www.flickr.com/photos/adikos/4440682278/in/photolist-7LpE8y-7Xigmk-zzPNL-brtM3X-NCRWuV-fNd2YV-2jhCkdE-zx6uxQ-5B6tJb-2nYmdUm-2btUunU-2jsw7T8-2rUN3Hp-2jBa4Mw-8npQ3Z-m6MZKc-2ou2sTC-2nMNcE6-5BSouf-2nxTzKb-7JC7DT-bRBzZH-2qvdveG-SKgH4E-MWhPc-cVvNn3-56UGzm-4sU3LU-5wuyWq-98YbMB-7fKLpx-a67PH5-rJcaM-eewpQJ-2oNw1ax-aiLzj2-KDB1Gc-7JBWyx-KSzGgz-ukCRP-dp5Ddo-e4bBT1-G4dQZc-CvFXnk-2jmebcf-MimN2S-2h7GtmC-3TA92r-2iCWdVX-ndhswY" title="Female Typing"><img src="https://live.staticflickr.com/2685/4440682278_f65eb6f934_c.jpg" width="800" height="533" alt="Female Typing"/></a><script async src="//embedr.flickr.com/assets/client-code.js" charset="utf-8"></script>
<p class="caption"> Don't be afraid to just write anything you feel and cut it down later.
</div>
</li>

<li>
<div class="content">
<h3>Start with a 2 to 3 sentence introduction.</h3>
<p>Your readers may have heard about the game you are playing, or it could be brand new to them. Introduce the game that you are reviewing without giving away too much about the story itself. Open with a hook to grab your readers’ attention and make them want to read the rest of your review.</p>
</div>
</li>

<li>
<div class="content">
<h3>Discuss the quality of the sound and graphics.</h3>
<p>Refer back to your notes to identify what you liked or disliked about the sound and the graphics of the game. Go into detail about what system you were using and how well the game translated through that. Note if you were wearing headphones or using speakers and if the game was displayed on a TV or computer.</p>
</div>
</li>

<li>
<div class="content">
<h3>Write about the story and the characters.</h3>
<p>If the video game you are writing about is a series, it may continue old characters or introduce new ones. Be sure to talk about the characters that you can play as and who you interact with the most throughout the game. Describe the different actions and weapons options that each character provides.</p>
</div>
</li>

<li>
<div class="content">
<h3>Note your personal opinion on the game.</h3>
<p>Make sure to inject your own opinion on the game into your review. Let your readers know if you’d recommend the game or not and what you’d tell the developers if you could. You can give it a numerical rating if you’d like to make it easy to understand.</p>
</div>
</li>

<li>
<div class="content">
<h3>Proofread your review for any errors before you submit it. </h3>
<p>If you are submitting your review to a video game magazine or publication, take a few minutes to look over your work and check for errors. Your review will most likely get edited before it is published, but it will be taken more seriously if it does not have many glaring errors. Check for spelling, grammar, and flow of your words.</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/7jM5PmXWfMk?si=B3YRpE7a2TBP3K45" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
</li>



</ol>

Expand All @@ -181,8 +208,8 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>
-->

<footer>
<p>The original how-to appeared in <a href="http://www.wikihow.com/Hide-Christmas/Birthday-Presents" title="How to Hide Christmas/Birthday Presents: 7 Steps - wikiHow">WikiHow</a>.</p>
<p>Images are by <a href="http://www.flickr.com/photos/puuikibeach/4655440844/" title="Aquapod™ Water Rocket Launcher in Action by puuikibeach, on Flickr">puuikibeach from Flickr</a></p>
<p>The original how-to appeared in <a href="https://www.wikihow.com/Write-a-Video-Game-Review" title="How to Write a Video Game Review" - wikiHow">WikiHow</a>.</p>
<p>Image is <a href="https://www.flickr.com/photos/adikos/4440682278/in/photolist-7LpE8y-7Xigmk-zzPNL-brtM3X-NCRWuV-fNd2YV-2jhCkdE-zx6uxQ-5B6tJb-2nYmdUm-2btUunU-2jsw7T8-2rUN3Hp-2jBa4Mw-8npQ3Z-m6MZKc-2ou2sTC-2nMNcE6-5BSouf-2nxTzKb-7JC7DT-bRBzZH-2qvdveG-SKgH4E-MWhPc-cVvNn3-56UGzm-4sU3LU-5wuyWq-98YbMB-7fKLpx-a67PH5-rJcaM-eewpQJ-2oNw1ax-aiLzj2-KDB1Gc-7JBWyx-KSzGgz-ukCRP-dp5Ddo-e4bBT1-G4dQZc-CvFXnk-2jmebcf-MimN2S-2h7GtmC-3TA92r-2iCWdVX-ndhswY" title="Female Typing"> Female Typing by Adikos, on Flickr</a></p>
</footer>

<!--
Expand Down Expand Up @@ -211,16 +238,16 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>
margin:0 0 130px;
width:100%;
font-weight:normal;
font-family:Arial, sans-serif; /* CHANGE THE FONT HERE */
color:#555; /* CHANGE THE FONT COLOR HERE */
font-family:Trebuchet MS, sans-serif; /* CHANGE THE FONT HERE */
color:#C371EC; /* CHANGE THE FONT COLOR HERE */
}

/* PAGE LAYOUT */

header, footer {
padding:5%;
border:0 10%;
background-color:#A1D0EB; /* CHANGE THE HEADER AND FOOTER COLOR HERE */
background-color:#9EEC72; /* CHANGE THE HEADER AND FOOTER COLOR HERE */
width:100%;
margin:0px;
}
Expand Down Expand Up @@ -249,7 +276,7 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>
/* BASIC STYLES FOR THE PAGE */

a {
color:#1593A1; /* CHANGE THE LINK COLOR HERE */
color:#C371EC; /* CHANGE THE LINK COLOR HERE */
font-weight:bold;
}

Expand All @@ -258,13 +285,15 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>
margin:0;
width:100%;
font-weight:bold;
font-family:Arial, sans-serif; /* CHANGE THE HEADER FONT HERE */
font-family:Georgia, sans-serif; /* CHANGE THE HEADER FONT HERE */
color: #AF42E5
}

h2, h3, h4 {
margin:0 0 0.5em;
padding-top: 10px;
font-weight:normal;
color: #AF42E5
}

/* Paragraph Text styles */
Expand All @@ -276,15 +305,14 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>

/* Styles for unordered lists <ul> */
ul {
font-family:"Courier New", Courier, monospace;
box-shadow:0px 2px 10px #ddd;
background-color: #D3E3E8; /* CHANGE THE THINGS BACKGROUND COLOR HERE */
border: 1px solid #555; /* CHANGE THE THINGS BORDER HERE */
font-family:"Georgia", Georgia
box-shadow:1px 2px 20px #ddd;
background-color: #BEF3A1; /* CHANGE THE THINGS BACKGROUND COLOR HERE */
border: 4px solid #526659; /* CHANGE THE THINGS BORDER HERE */
padding:0;
margin:2em 0 0;
position:relative;
z-index:200;

}

/* Styles for unordered list items <li> */
Expand All @@ -301,12 +329,12 @@ <h3>Invert the bottle and cut three flippers of cardboard.</h3>
}

.content {
background: #fff; /* CHANGE THE INSTRUCTION BACKGROUND COLOR HERE */
background: #DFF9D0; /* CHANGE THE INSTRUCTION BACKGROUND COLOR HERE */
}

.step-by-step li:before {
background: #D3E3E8; /* CHANGE THE INSTRUCTION NUMBER BACKGROUND COLOR HERE */
border-top-left-radius: 50px; /* CHANGE THE INSTRUCTION SHAPE HERE */
background: #DFF9D0; /* CHANGE THE INSTRUCTION NUMBER BACKGROUND COLOR HERE */
border-top-left-radius: 5px; /* CHANGE THE INSTRUCTION SHAPE HERE */
border-bottom-left-radius: 50px;
}

Expand Down