Skip to content

Commit 1fef5b9

Browse files
JosephcabsJosephcabs
authored
lesson 00 readme/lesson 01 readme added files and changes (code-differently#36)
* README file and Images * feat: added readme files and immages and lesson 1 html readme * feat: lesson 00 and lesson 01 work (refinished) * feat/lesson_00 & lesson_01: redid the readme.md file, changed the width and edited the readme.html file, deleted the submodule, and troubleshot the images. * feat: Made the output aesthetically better with the copy button.
1 parent 4324ffb commit 1fef5b9

File tree

6 files changed

+340
-0
lines changed

6 files changed

+340
-0
lines changed

‎lesson_00/josephcaballero/README.MD

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
# Joseph Caballero
2+
3+
## Introduction
4+
My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old.
5+
6+
## Interests and Hobbys
7+
I like to eat , sleep , and be active.
8+
I currently box and enjoy anything related to boxing/combat
9+
My favorite boxers are (in no particular order) Mike Tyson , Marvin Hagler , Sugar Ray Leonard , Roberto Duran , Muhammad Ali , etc.
10+
11+
## Dislikes
12+
I do not like most vegetables by themselves
13+
I do not like competing in team sports but I do not mind watching them
14+
I do not like traffic or anything that would delay me
15+
16+
## Contact
17+
I do not have a preference between Email or phone I will respond to both
18+
Even though i do not have a preference if it is not urgent then email would be best so I can keep tabs on things easier than if it were message
19+
20+
## Fun Facts
21+
* I was introduced to coding through Code Differently
22+
* I enjoy chinese food
23+
* I was born in Hawaii
24+
25+
<img src = "images/hawaii.jpg"/>
26+
<img src = "images/Mike-tyson-signed-photo-60232.webp">
27+

‎lesson_00/josephcaballero/images/Mike-tyson-signed-photo-60232.webp

127 KB
Binary file not shown.

‎lesson_00/josephcaballero/images/hawaii.jpg

112 KB
Loading

‎lesson_01/josephcaballero/images/Mike-tyson-signed-photo-60232.webp

127 KB
Binary file not shown.

‎lesson_01/josephcaballero/images/hawaii.jpg

112 KB
Loading

‎lesson_01/josephcaballero/readme.html

Lines changed: 313 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,313 @@
1+
<html>
2+
<script>
3+
4+
function copyToClipboard() {
5+
var copyText = document.getElementById("text1").textContent;
6+
navigator.clipboard.writeText(copyText);
7+
document.getElementById("change11").setAttribute("d", "");
8+
document.getElementById("change1").setAttribute("d", "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z");
9+
10+
}
11+
function copyToClipboard2() {
12+
var copyText = document.getElementById("text2").textContent;
13+
navigator.clipboard.writeText(copyText);
14+
document.getElementById("change22").setAttribute("d", "");
15+
document.getElementById("change2").setAttribute("d", "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z");
16+
}
17+
function copyToClipboard3() {
18+
var copyText = document.getElementById("text3").textContent;
19+
document.getElementById("change33").setAttribute("d", "");
20+
navigator.clipboard.writeText(copyText);
21+
document.getElementById("change3").setAttribute("d", "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z");
22+
}
23+
function copyToClipboard4() {
24+
var copyText = document.getElementById("text4").textContent;
25+
document.getElementById("change44").setAttribute("d", "");
26+
navigator.clipboard.writeText(copyText);
27+
document.getElementById("change4").setAttribute("d", "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z");
28+
}
29+
function copyToClipboard5() {
30+
var parent = document.getElementsByTagName("ol")[0].children;
31+
var child = parent.length;
32+
var val = ""
33+
for(var i=0; i <=child -1; i++){
34+
val += " " + document.getElementsByTagName("ol")[0].children[i].innerText + " ";
35+
36+
}
37+
navigator.clipboard.writeText(val);
38+
document.getElementById("change55").setAttribute("d", "");
39+
document.getElementById("change5").setAttribute("d", "M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z");
40+
41+
42+
}
43+
</script>
44+
45+
<style>
46+
html{
47+
width: 1147px;
48+
padding: 10px;
49+
align-items: right;
50+
}
51+
body{
52+
background-color: #0d1116;
53+
color: white;
54+
padding: 51px;
55+
border-color: var(--borderColor-default, var(--color-border-default, #30363d));
56+
border-width: 1px;
57+
border-style: solid;
58+
border-radius: 6px;
59+
width: 85%;
60+
61+
62+
}
63+
h1{
64+
font-size: 2em;
65+
border-bottom:1px solid #3d444db3;
66+
margin-top: 0 !important;
67+
padding-bottom: .3em;
68+
margin: .67em 0;
69+
margin-bottom: 1%;
70+
}
71+
h2{
72+
font-size: 1.5em;
73+
border-bottom:1px solid #3d444db3;
74+
padding-bottom: -10px;
75+
}
76+
pre{
77+
height: 50px;
78+
overflow-x: scroll;
79+
overflow-y: hidden;
80+
overflow: visible;
81+
margin: 1em 0px;
82+
display: flex;
83+
justify-content: left;
84+
padding: 3px;
85+
font-size: 100%;
86+
}
87+
.divcolor{
88+
background-color: #151b23;
89+
display: flex;
90+
flex-direction: row;
91+
}
92+
div{
93+
overflow: auto;
94+
}
95+
li{
96+
list-style-type:"\2736";
97+
98+
}
99+
100+
#flex{
101+
display: flex;
102+
justify-content: left;
103+
flex-direction: column;
104+
padding-top: 15px;
105+
106+
}
107+
ol{
108+
background-color: #151b23;
109+
}
110+
.copy{
111+
fill: #9198a1;
112+
margin-left: 950px;
113+
position: absolute;
114+
cursor: pointer;
115+
padding: 3px;
116+
background-color: #151b23;
117+
height: 20px;
118+
width: 20px;
119+
background: transparent;
120+
}
121+
#copyedit{
122+
top: 194px;
123+
}
124+
125+
.copy:hover{
126+
background:#262c36;
127+
}
128+
.headers{
129+
display: flex;
130+
flex-direction: row;
131+
132+
}
133+
.anchor{
134+
fill: #0d1116;
135+
position: absolute;
136+
left: 50px;
137+
position: absolute;
138+
margin-top: 1%;
139+
}
140+
.anchor:hover{
141+
fill: #f0f6fc;
142+
display: inline-block;
143+
overflow: visible !important;
144+
vertical-align: text-bottom;
145+
}
146+
h1:hover + #user-content-joseph-caballero{
147+
fill: #f0f6fc;
148+
display: inline-block;
149+
overflow: visible !important;
150+
vertical-align: text-bottom;
151+
}
152+
153+
#f:hover + #user-content-introduction{
154+
fill: #f0f6fc;
155+
display: inline-block;
156+
overflow: visible !important;
157+
vertical-align: text-bottom;
158+
}
159+
#s:hover + #user-content-interests-and-hobbys{
160+
fill: #f0f6fc;
161+
display: inline-block;
162+
overflow: visible !important;
163+
vertical-align: text-bottom;
164+
}
165+
#t:hover + #user-content-dislikes{
166+
fill: #f0f6fc;
167+
display: inline-block;
168+
overflow: visible !important;
169+
vertical-align: text-bottom;
170+
}
171+
#fth:hover + #user-content-contact{
172+
fill: #f0f6fc;
173+
display: inline-block;
174+
overflow: visible !important;
175+
vertical-align: text-bottom;
176+
}
177+
#ffth:hover + #user-content-fun-facts{
178+
fill: #f0f6fc;
179+
display: inline-block;
180+
overflow: visible !important;
181+
vertical-align: text-bottom;
182+
}
183+
.fix{
184+
display: flex;
185+
flex-direction: row;
186+
background-color: #151b23;
187+
188+
}
189+
#sizechange{
190+
height: 50px;
191+
overflow-y: hidden;
192+
}
193+
#sizechange div{
194+
height: 16px;
195+
}
196+
</style>
197+
<div class="headers">
198+
<h1 id="h">Joseph Caballero</h1>
199+
<a id="user-content-joseph-caballero" class="anchor" aria-label="Permalink: Joseph Caballero" href="#h"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
200+
</div>
201+
<div class="headers">
202+
<h2 id="f">Introduction</h2>
203+
<a id="user-content-introduction" class="anchor" aria-label="Permalink: Introduction" href="#f"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
204+
205+
</div>
206+
<div id="sizechange" class="divcolor">
207+
<pre id="text1">My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old.</pre>
208+
<div onclick="copyToClipboard()" id="copyedit"class="copy">
209+
<div>
210+
<clipboard-copy data-copy-feedback="Copy" value="My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old." tabindex="0"></clipboard-copy>
211+
<svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" >
212+
<path id="change1" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path
213+
id="change11" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
214+
</svg>
215+
216+
</clipboard-copy>
217+
</div>
218+
</div>
219+
</div>
220+
<div class="headers">
221+
<h2 id="s">Interests and Hobbys</h2>
222+
<a id="user-content-interests-and-hobbys" class="anchor" aria-label="Permalink: Interests and Hobbys" href="#s"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
223+
</div>
224+
<div class="divcolor">
225+
<pre id="text2">
226+
I like to eat , sleep , and be active.
227+
I currently box and enjoy anything related to boxing/combat
228+
My favorite boxers are (in no particular order) Mike Tyson , Marvin Hagler , Sugar Ray Leonard , Roberto Duran , Muhammad Ali , etc.
229+
</pre>
230+
<div onclick="copyToClipboard2()" class="copy">
231+
<clipboard-copy aria-label="Copied!" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w" value="My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old." tabindex="0" role="button"></clipboard-copy>
232+
<svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
233+
<path id="change2" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path>
234+
<path id="change22" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
235+
</svg>
236+
</clipboard-copy>
237+
</div>
238+
</div>
239+
<div class="headers">
240+
<h2 id="t">Dislikes</h2>
241+
<a id="user-content-dislikes" class="anchor" aria-label="Permalink: Dislikes" href="#t"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
242+
</div>
243+
<div class="divcolor">
244+
<pre id="text3">
245+
I do not like most vegetables by themselves
246+
I do not like competing in team sports but I do not mind watching them
247+
I do not like traffic or anything that would delay me
248+
</pre>
249+
<div onclick="copyToClipboard3()"class="copy">
250+
<clipboard-copy aria-label="Copied!" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w" value="My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old." tabindex="0" role="button"></clipboard-copy>
251+
<svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
252+
<path id="change3" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path>
253+
<path id="change33" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
254+
</svg>
255+
</clipboard-copy>
256+
</div>
257+
</div>
258+
<div class="headers">
259+
<h2 id="fth">Contact</h2>
260+
<a id="user-content-contact" class="anchor" aria-label="Permalink: Contact" href="#fth"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
261+
</div>
262+
<div class="divcolor">
263+
<pre id="text4">
264+
I do not have a preference between Email or phone I will respond to both
265+
Even though i do not have a preference if it is not urgent then email would be best so I can keep tabs on things easier than if it were message
266+
</pre>
267+
<div onclick="copyToClipboard4()"class="copy">
268+
<clipboard-copy aria-label="Copied!" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w" value="My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old." tabindex="0" role="button"></clipboard-copy>
269+
<svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
270+
<path id="change4"d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path>
271+
<path id="change44" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
272+
</svg>
273+
</clipboard-copy>
274+
</div>
275+
</div>
276+
<div class="headers">
277+
<h2 id="ffth">Fun Facts</h2>
278+
<a id="user-content-fun-facts" class="anchor" aria-label="Permalink: Fun Facts" href="#ffth"><svg class="octicon octicon-link" viewBox="0 0 16 16" version="1.1" width="16" height="16" aria-hidden="true"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg></a>
279+
</div class="headers">
280+
<div class="fix">
281+
<div onclick="copyToClipboard5()" class="copy">
282+
<clipboard-copy aria-label="Copied!" class="ClipboardButton btn btn-invisible js-clipboard-copy m-2 p-0 d-flex flex-justify-center flex-items-center" data-copy-feedback="Copied!" data-tooltip-direction="w" value="My name is Joseph Caballero, I started coding two years ago and always had an interest since my introduction to it. I was born in Hawaii and grew up primarily in New Jersey before moving to Delaware when I was about 9 or 10 years old." tabindex="0" role="button"></clipboard-copy>
283+
<svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon octicon-copy js-clipboard-copy-icon">
284+
<path id="change5" d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z">
285+
286+
</path><path id="change55" d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
287+
</svg>
288+
</clipboard-copy>
289+
</div>
290+
<ol>
291+
<li>
292+
I was introduced to coding through Code Differently
293+
</li>
294+
<li>
295+
I enjoy chinese food
296+
</li>
297+
<li>
298+
I was born in Hawaii
299+
</li>
300+
</ol>
301+
</div>
302+
303+
<div id = "flex">
304+
<a target="_blank" rel="noopener noreferrer" href="https://content.r9cdn.net/rimg/dimg/29/40/3f4ec996-city-28070-16c96b74d6d.jpg?width=1366&height=768&xhint=3379&yhint=2867&crop=true">
305+
<img id="hawaii" src="images/hawaii.jpg" style="max-width: 100%;"/>
306+
</a>
307+
<br/>
308+
<a target="_blank" rel="noopener noreferrer" href="https://static.wikia.nocookie.net/boxing/images/d/d1/Mike-tyson-signed-photo-60232.jpg/revision/latest?cb=20180507192144">
309+
<img id="mike" src="images/Mike-tyson-signed-photo-60232.webp" style="max-width: 100%;"/>
310+
</a>
311+
</div>
312+
</body>
313+
</html>

0 commit comments

Comments
 (0)