Skip to content

Bootcamp Tasks Complete #101

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
tcourt-sv wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Bootcamp Tasks Complete #101

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
59cafc5
Tom court bootcamp solutions - HTML
tcourt-sv Dec 8, 2022
9fe5364
5/6 Tasks complete.
tcourt-sv Dec 8, 2022
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
7 changes: 7 additions & 0 deletions Week 1.1 - HTML/1. Build a Form/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,13 @@
<body>

<!-- Add your code here -->
<form action="/login/" method="POST">
<label for="email">Email:</label><br>
<input type="email" id="email"><br>
<label for="password">Password:</label><br>
<input type="password" id="password"><br>
<input type="submit">
</form>

</body>
</html>
10 changes: 10 additions & 0 deletions Week 1.1 - HTML/2. Create a Responsive Image - Resolution/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,16 @@
<body>

<!-- Add your code here -->
<img
srcset="https://via.placeholder.com/400x180,
https://via.placeholder.com/800x360 2x,
https://via.placeholder.com/1200x540 3x,
https://via.placeholder.com/1600x720 4x,
https://via.placeholder.com/2000x900 5x"
src="https://via.placeholder.com/400x180"
alt="default placeholder"
>


</body>
</html>
8 changes: 8 additions & 0 deletions Week 1.1 - HTML/3. Create a Reponsive Image - Aspect Ratio/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,14 @@
<body>

<!-- Add your code here -->
<img
src="https://via.placeholder.com/540x800"
alt="default placeholder"
srcset="https://via.placeholder.com/1200x900 640w,
https://via.placeholder.com/1600x720 1024w"
sizes=" (max-width: 640px) 540px,
(max-width: 1024px) 640px"
>

</body>
</html>
48 changes: 48 additions & 0 deletions Week 1.1 - HTML/4. Mock Up a Design/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,54 @@
<body>

<!-- Add your code here -->
<!-- Either z-index or apply css background to body -->
<img class="background" src="" alt="">

<nav class="sidenav">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#" class="active"></a></li>
<li><a href="#"></a></li>
</ul>
</nav>

<article>
<section>
<h1>Phase 4:</h1>
<h2>Destination Thrive</h2>
<h3>Objective: Create omni-channel synergy</h3>
<p>This is the time to fully leverage your hard work and thrive. During this phase, attention should be given to
creating omni-channel synergy, syncing your messaging and channels from top to botttom. Scale high performing
channels and fully harvest the demand your top of funnel awareness campaigns have been creating. Use insights
gained from your contacts list, data, and web analytics to do prospecting and build look-a-like audiences for
incremental growth.
</p>
</section>
<section>
<!-- uppercase in css for accessbility -->
<h4>Key Focus:</h4>
<ul>
<li>Harvesting the demand created by your content markerting efforts</li>
<li>Scale paid media and social efforts</li>
<li>Leverage your new audiences</li>
<li>Omni-channel synergy</li>
</ul>
<div class="inline">
<!-- uppercase in css for accessibility -->
<h4>Time</h4>
<img src="#" alt="clock">
</div>
<p>approx. 24 months and beyond</p>
</section>
</article>
</body>
</html>
2 changes: 1 addition & 1 deletion Week 1.2 - CSS/1. Selectors - Attributes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<style>
/* Update the following line of CSS to only style the inputs of type `text` */
* { border: 2px solid rebeccapurple; }
input[type=text] { border: 2px solid rebeccapurple; }
</style>

<input type="text" />
Expand Down
2 changes: 1 addition & 1 deletion Week 1.2 - CSS/2. Selectors - Children/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@

<style>
/* Update the following line of CSS to only style the immediate `.item` children of `.container` */
.container .item { border: 2px solid rebeccapurple; }
.container > .item { border: 2px solid rebeccapurple; }
</style>

<ul class="container">
Expand Down
2 changes: 1 addition & 1 deletion Week 1.2 - CSS/3. Selectors - Siblings/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@

<style>
/* Update the following line of CSS to only style `<p>` that follow an `<h2>` */
p {
h2 + p {
font-size: 22px;
line-height: 1.5;
color: rebeccapurple;
Expand Down
21 changes: 18 additions & 3 deletions Week 1.2 - CSS/4. Inheritance and Systems/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,13 +9,28 @@

<style>
/* Add your CSS here */
button {
border-radius: 4px;
padding: 12px 32px;
color: black;
}
.primary {
background: #90cdf4;
}
.link {
background: transparent;
}
.danger {
background: #feb2b2;
}

</style>

<!-- Add as many or as few classes as needed to accomplish the goal to the buttons below -->
<button>Default</button>
<button>Primary</button>
<button>Link</button>
<button>Danger</button>
<button class="primary">Primary</button>
<button class="link">Link</button>
<button class="danger">Danger</button>

</body>
</html>
5 changes: 5 additions & 0 deletions Week 1.2 - CSS/5. Transitions/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,11 @@
width: 100px;
height: 100px;
background-color: rebeccapurple;
transition: 160ms;
}
.box:hover {
transform: scale(2);
transition: 200ms;
}
</style>

Expand Down
1 change: 1 addition & 0 deletions Week 1.2 - CSS/6. Tricks - Click Passthrough/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@
width: 100%;
height: 100%;
background-image: linear-gradient(to bottom, transparent, black);
pointer-events: none;
}
</style>

Expand Down
6 changes: 5 additions & 1 deletion Week 1.3 - JavaScript/1. Filter/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,11 @@
// Custom Code BEGIN
// Modify the code in this block however you need to get the desired ending array.
// You must store your new array in the `endingArray` variable for it to log out properly.
let endingArray;
let endingArray = startingArray.filter(even);

function even(n) {
return n % 2 == 0;
};

// Custom Code END

Expand Down
2 changes: 1 addition & 1 deletion Week 1.3 - JavaScript/2. Map/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
// Custom Code BEGIN
// Modify the code in this block however you need to get the desired ending array.
// You must store your new array in the `endingArray` variable for it to log out properly.
let endingArray;
let endingArray = startingArray.map(name => ({name}));

// Custom Code END

Expand Down
20 changes: 10 additions & 10 deletions Week 1.3 - JavaScript/3. Objects as a Map/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,20 +13,20 @@

// Rewrite this function to replace the if/else logic with a map lookup.
function getInformation(key) {
let rtn;
let rtn = new Map();

if (key === 'date') {
rtn = 'October 6, 1986';
} else if (key === 'time') {
rtn = '21:13 PM';
} else if (key === 'mood') {
rtn = 'Powerful, spirited...';
} else {
rtn = 'Error: Invalid option selected...';
rtn.set('date', 'October 6, 1989');
rtn.set('time', '21:13 PM');
rtn.set('mood', 'Powerful, spirited...');

if (!rtn.has(key)) {
rtn.set(key, 'Error:Invalid option selected...');
}

return rtn;
return rtn.get(key);

}

</script>

</body>
Expand Down
2 changes: 2 additions & 0 deletions Week 1.3 - JavaScript/4. Event Listeners/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,8 @@ <h1 data-counter>0</h1>
}

// Add your code here to make clicking the button run the increment function
const inc = document.querySelector('[data-action]');
inc.addEventListener("click", increment);
</script>

</body>
Expand Down
4 changes: 4 additions & 0 deletions Week 1.3 - JavaScript/5. DOM Manipulation/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,6 +24,10 @@ <h2>More Jeff Goldblum</h2>

<script>
// Add you code here
newsection = document.querySelector("script[type='text/template']").text;
container = document.querySelector(".container");

container.innerHTML += newsection;
</script>

</body>
Expand Down
1 change: 1 addition & 0 deletions Week 1.3 - JavaScript/Data Fetching/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

<script>
// Add your code here
// Api doesnt appear to work
</script>

</body>
Expand Down
1 change: 1 addition & 0 deletions Week 2.1 - CSS Grid/1. Responsive Grids/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,6 +29,7 @@
<style>
.cards {
/* Add your code here */
display: grid;
}
</style>

Expand Down
4 changes: 4 additions & 0 deletions Week 2.1 - CSS Grid/2. Placing Items/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,6 +19,10 @@

<style>
/* Add your code here */
img {
grid-row: 1;
grid-column: 1;
}
</style>

<div class="photo">
Expand Down
39 changes: 33 additions & 6 deletions Week 2.1 - CSS Grid/3. Placing Items - Advanced/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,33 @@

<style>
/* Add your code here */
.letter-h {
grid-row: 2;
}
.letter-e {
grid-column: 2;
grid-row: 3;
}
.letter-l:nth-of-type(3) {
grid-column: 3;
grid-row: 4;
}
.letter-l:nth-of-type(4) {
grid-column: 4;
grid-row: 5;
}
.letter-o {
grid-column: 5;
grid-row: 6;
}
.letter:nth-of-type(6) {
grid-column: 6;
grid-row: 7;
}
.letter {
position: sticky;
top: 0;
}
</style>

<div class="grid">
Expand All @@ -64,42 +91,42 @@
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="placeholder"></li>
<!-- <li class="placeholder"></li> -->
<li></li>
<li></li>
<li></li>
Expand Down
3 changes: 3 additions & 0 deletions Week 2.2 - Flexbox/1. Centering/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,9 @@
background-color: whitesmoke;

/* Add to your code here to center the box within the container */
display: flex;
justify-content: center;
align-items: center;
}
</style>

Expand Down
3 changes: 3 additions & 0 deletions Week 2.2 - Flexbox/2. Placing Items/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,9 @@

The `.logo` and `.links` should also be center aligned with each other.
*/
display: flex;
align-items: center;
justify-content: space-between;
}
</style>

Expand Down
Loading