Skip to content

Trying to make it work #19

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
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

Trying to make it work #19

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
632bd97
Change HTML title
B-A-McGee-k Nov 12, 2024
02fcb01
Add files via upload
B-A-McGee-k Nov 12, 2024
8525a77
Update index.html
B-A-McGee-k Nov 24, 2024
039444b
Update style.css
B-A-McGee-k Nov 24, 2024
471a9c9
Update index.html
B-A-McGee-k Nov 24, 2024
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
81 changes: 71 additions & 10 deletions assignment/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,11 @@
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Change the <title> from "Page Title" to "Hello World" -->
<title>Unit 1 Assignment</title>
<!-- I can not seem to get this file to meaningfully change -->
<!-- May the setting change work? -->
<!-- New change made -->

<title>Hello World</title>
<!-- Used for automated testing -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.min.js" integrity="sha512-jsP/sG70bnt0xNVJt+k9NxQqGYvRrLzWhI+46SSf7oNJeCwdzZlBvoyrAN0zhtVyolGcHNh/9fEgZppG2pH+eA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/10.2.0/mocha.css" integrity="sha512-SjDc34mGAkSBKnNMasz1QPVustFyPQUHUO5wxzGNC5x9wQMcHwDHXCNRYowC/6DsX0lqvpCI1mKiVEQkws2olw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
Expand All @@ -13,29 +17,86 @@
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" media="screen" href="style.css" />

<link />

</head>
<body>

<header>
<div class="heading">
<!-- Create a header element -->

<h1>Bryan McGee</h1>
<h2>Welcome to the Prime first assignment made by Bryan McGee!</h2>
<!-- Inside the header, add an <h1> element containing your name -->

<h3>Hopefully I can try to make something interesting with this!</h3>
</div>
</header>
<main>
<!-- Include an image -->

<p>Here I go...</p>
<img src="https://baga.de/img/Gilded_Lotus_Schematic.webp"/>
<h5>WOW! Look at that! An image appears on the screen!</h5>
<!-- Create an unordered list with 3 list items of fun facts about you -->

<p>Just to show that I know how to do my own lists, here's a bit about me!</p>
<ul>
<li>In the past year I've started going to concerts, and they are so fun!</li>
<li>I am a big fan of the game Magic: the Gathering and have recently been trying other tabletop games.</li>
<li>Frisbee golf is better than regular golf!</li>
<li>It just is! Trust me!</li>
<li>In my freshman year of high school, I made a website to keep track of all my assignments.</li>
</ul>
<ol>
<li>of course there's also the ordered list</li>
</ol>
<p>Silly ordered lists thinking they're all that.</p>
<p>You know what any good website has?</p>
<ol>
<li>different colors?</li>
<li style="font-size:30px;">maybe different size text?</li>
</ol>
<p> No! Cats!</p>
<br>
<img src="https://hips.hearstapps.com/hmg-prod/images/sacred-birma-cat-in-interior-royalty-free-image-1718202855.jpg"/>
<br>
<h6>That <i>might</i> be too much cat for this website...</h6>
<ol>
<li>probably needed to change the size</li>
</ol>
<img src="https://hips.hearstapps.com/hmg-prod/images/sacred-birma-cat-in-interior-royalty-free-image-1718202855.jpg" style="width: 500px;"/>
<p>That looks better now!</p>

</main>
<div class="dev-statement">
<h4>A Built in Question</h4>
<p>So I am a little confused by the set up of the material.</p>
<p>Nothing major enough that I felt I should ask, as I feel this will make it's way out as a major subject.</p>
<p>I'm not sure between the two seperate tutorials being given per say which to go with.</p>
<p>The one used as a reference for how everything works (Link given to us via Unit-1) shows how to completely start from scratch.</p>
<ul>
<li>Link in reference <a rel="here" href="https://tier1.primeacademy.io/unit1">here</a>. Just scroll to "HTML and CSS"</li>
</ul>
<p>If that was the intended way, then I can get right on it.</p>
<p>If I asked every question that I had, we'd never get to sleep so I might leave these on my projects at times.</p>
<p>Just like a ps on a letter that gives me more practice with features.</p>
<p>-Bryan McGee</p>
</div>
</main>
<!-- Create a footer element -->
<footer>
<div class="footing">
<p>"Just put that anywhere."- Jacob Sneddon circa 2024</p>
<h6>Copyright Bryan McGee 2024</h6>

<!-- Inside your footer, put a <p> element with your favorite quote -->

<div id="container">
<!-- Used for automated testing -->
<div id="mocha"></div>
<div id="mocha">

</div>
</div>

</div>
<link rel="stylesheet" href="../test/test.styles.css" />
<script src="../test/test.js"></script>
</body>
</footer>
</body>
</html>
54 changes: 48 additions & 6 deletions assignment/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,55 @@
/* Add a background color to the header element */

header {
background-color: slategray;
color: limegreen;
}
body {
background-color: burlywood;
}
/* Add a fun background color to the main element */

main {
background-color: burlywood;
color:maroon;
}
.dev-statement{
background-color: whitesmoke;
color:black;
}
/* Align the h1 containing your name in the center of the header*/

h1 {
align-items:center;
color: teal;
font-size: 32px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
/* Make your p tag a different color and italic */

/* I already have text somewhere italicized, but I would just add "font-style: italic;" into the paragraph tag that I have below. */
p {
color: dimgray;

}
/* Put a border around your image */

img {
border: 5px solid orangered;
margin-left: 10px;
}
/* Change the font-family of your list */
ul {
color: ;
font-size: 12px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}

ol {
background-color: red;
color: black;
font-size: 13px;
font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;


/* Add a background color to the footer element */
}
/* Add a background color to the footer element */
footer {
background-color: black;
color:teal;
}
Binary file added lotus-insert
View file
Open in desktop
Binary file not shown.