Skip to content

Commit faedd1b

Browse files
AmiyahJoAmiyahJo
authored
Merge branch 'code-differently:main' into main
2 parents 7c2d053 + f94edb0 commit faedd1b

File tree

6 files changed

+249
-0
lines changed

6 files changed

+249
-0
lines changed

‎lesson_00/amiyahjones/README.md

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
# Mya.README
2+
```Javascript
3+
const Mya = class SoftwareEngineer {
4+
intern(code, tools) {
5+
self.code = Javascript, HTML, CSS, Java;
6+
self.tools = React, Docker;
7+
}
8+
};
9+
10+
// Intrested in bringing ideas to life within a web browser.
11+
// Learning how websites become quick, responsive, and accesssible to everyone.
12+
```
13+
14+
<a href="https://images.app.goo.gl/ww5Jn4V8C5KFxpaC9"><img src="img/banner.png" height="200px" width="100%"/></a>
15+
16+
### ☴ My work hours
17+
<code style="color : aquamarine">9AM-5PM</code> I'm an early bird and often begin the day with a head start of my work. Feel free to reach me by email during this time, and I'll get back to you as soon as I'm able!
18+
19+
### What's the best way to communicate with me? .☘︎ ݁˖
20+
Private message through google chat works perfectly. Email works too as a follow up or if I happened to miss one of your messages.
21+
> [!TIP]
22+
> _In case I don't respond:_ Ping me again on google chat or send me another email!
23+
24+
### I'd be happy to help you with ꒰ ﹍ ꒱
25+
* Code suggestions
26+
* Explain or understand a code snippet
27+
* Photos + design ideas
28+
29+
## Extra ⓘ
30+
* ✦ procreate artist ↓ <br>
31+
- I like to combine my art and code together!
32+
- In case you find me with my ipad, that's why
33+
* visual learner <br>
34+
* Jr Developer HS Intern for 4 years with Code Differently (youth program)
35+
* No, I don't drink coffee. ~~Hot chocolate is my go to~~
36+
37+
> I'm the type of person that if you ask me a question and I don't know the answer, I'm gonna tell you that I don't know. But I bet you what, I know how to find the answer and I will find the answer. <br> - Will smith
38+
39+
40+
###### // readme inspired by [Kaeti's repo][kaeti-repo] , code snippet inspired by [Thai Brega]
41+
42+
[kaeti-repo]: https://github.com/kaeti/personal-readme
43+
[Thai brega]: https://github.com/Thaiane/Thaiane

‎lesson_00/amiyahjones/img/banner.png

913 KB
Loading

‎lesson_01/amiyahjones/img/banner copy.png

913 KB
Loading

‎lesson_01/amiyahjones/img/tip-icon.png

1.79 KB
Loading

‎lesson_01/amiyahjones/index.html

Lines changed: 101 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,101 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>ReadME HTML version</title>
7+
<link rel="stylesheet" href="mystyle.css">
8+
</head>
9+
10+
11+
12+
<body>
13+
14+
<!-- README.md Replica -->
15+
<div class="mainContainer">
16+
<h1>Mya.README </h1>
17+
<hr>
18+
<!-- Code_like Intro -->
19+
<div class="Intro">
20+
<code> <br>
21+
<code style="color : #ff7b72">const</code>
22+
<code style="color : #ffa657">Mya</code> =
23+
<code style="color : #ff7b72">class</code>
24+
<code style="color : #ffa657">SoftwareEngineer </code> { <br>
25+
&nbsp; <code style="color : rgb(208, 153, 225)">intern</code>(code, tools) { <br>
26+
&nbsp;&nbsp;&nbsp;self.<code style="color : #79c0ff">code =</code>
27+
<code style="color : #ffa657">Javascript</code>,
28+
<code style="color : #79c0ff">HTML</code>, <code style="color : #79c0ff">CSS</code>,
29+
<code style="color : #ffa657">Java</code>; <br> &nbsp;&nbsp;&nbsp;self.<code style="color : #79c0ff">tools =</code>
30+
<code style="color : #ffa657">React</code>, <code style="color : #ffa657">Docker</code>; <br> &nbsp; } <br> };
31+
<br>
32+
<br>
33+
<code style="color : #8b949e">
34+
// Intrested in bringing ideas to life within a web browser. <br>
35+
// Learning how websites become quick, responsive, and accesssible to everyone. </code>
36+
</code>
37+
</div>
38+
39+
<!-- Image -->
40+
<img src="img/banner copy.png" height="200px" width="100%"/>
41+
<!-- Work Hours -->
42+
<section>
43+
<h3> ☴ My work hours </h3>
44+
<p> <code class="mini-code">9AM-5PM</code> I'm an early bird and often begin the day with a head start of my work.
45+
Feel free to reach me by email during this time,
46+
and I'll get back to you as soon as I'm able!
47+
</p>
48+
</section>
49+
50+
<!--Communication Prefrence-->
51+
<h3>What's the best way to communicate with me? .🍀 ݁˖</h3>
52+
<p>Private message through google chat works perfectly.
53+
Email works too as a follow up or if I happened to miss one of your messages.</p>
54+
<!-- Tip Area -->
55+
<div class="tip-box">
56+
<img src="img/tip-icon.png">
57+
<p> <i>In case I don't respond:</i> Ping me again on google chat or send me another email! </p>
58+
</div>
59+
60+
<!-- List of things to help with -->
61+
<h3>I'd be happy to help you with ꒰ ﹍ ꒱</h3>
62+
<ul>
63+
<li> Code suggestions</li>
64+
<li>Explain or understand a code snippet</li>
65+
<li>Photos + design ideas</li>
66+
</ul>
67+
68+
<!-- Additional Info -->
69+
<h3 id="extra">Extra ⓘ </h3>
70+
<hr>
71+
<ul>
72+
<li>✦ procreate artist ↓</li>
73+
<ul>
74+
<li>I like to combine my art and code together!
75+
<ul>
76+
<li>In case you find me with my ipad, that's why</li>
77+
</ul>
78+
</li>
79+
</ul>
80+
<li>visual learner</li>
81+
<li>Jr Developer HS Intern for 4 years with Code Differently (youth program)</li>
82+
<li>No, I don't drink coffee. <s>Hot chocolate is my go to</s></li>
83+
</ul>
84+
85+
<!-- Will Smith Quote -->
86+
<div class="quote-box">
87+
<p>
88+
I'm the type of person that if you ask me a question and I don't know the answer, I'm gonna tell you that I don't know. But I bet you what,
89+
I know how to find the answer and I will find the answer. <br> - Will smith
90+
</p>
91+
</div>
92+
93+
<!-- Credits -->
94+
<p id="credits">
95+
// readme inspired by <a href=https://github.com/kaeti/personal-readme>Kaeti's repo</a> ,
96+
code snippet inspired by <a href=https://github.com/Thaiane/Thaiane>Thai Brega</a>
97+
</p>
98+
99+
</div>
100+
</body>
101+
</html>

‎lesson_01/amiyahjones/mystyle.css

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
body{
2+
background-color: #0d1117;
3+
color: white;
4+
font-family: system-ui;
5+
line-height: 1.5;
6+
}
7+
8+
.mainContainer{
9+
border: #212b32 solid 1px;
10+
margin: auto;
11+
width: 50%;
12+
padding: 40px;
13+
}
14+
15+
h1 , .tip-box p{
16+
margin-bottom: 0px;
17+
}
18+
19+
/* Horizontal rule (line) */
20+
hr{
21+
display:block;
22+
height: 1px;
23+
border:0;
24+
border-top: 1px solid #212b32;
25+
margin: 10px;
26+
}
27+
28+
/* Code Introduction */
29+
.Intro{
30+
background-color: rgb(21, 30, 39);
31+
border-radius: 2px;
32+
margin-bottom: 15px;
33+
overflow-x: auto;
34+
overflow-y: hidden;
35+
white-space: nowrap;
36+
font-size: 105%;
37+
padding: 0px 20px 20px 20px;
38+
}
39+
40+
.Intro::-webkit-scrollbar{
41+
width: 12px;
42+
}
43+
44+
.Intro::-webkit-scrollbar-track{
45+
background: #2b2b2b;
46+
border-radius: 10px;
47+
}
48+
49+
.Intro::-webkit-scrollbar-thumb{
50+
background-color: #555;
51+
border-radius: 10px;
52+
border: 2px solid #2b2b2b;
53+
}
54+
55+
.Intro::-webkit-scrollbar-thumb:hover{
56+
background-color: #888;
57+
}
58+
59+
60+
/* 9pm-5pm code */
61+
.mini-code{
62+
background-color: rgb(23, 33, 44);
63+
border-radius: 2px;
64+
padding: 3px;
65+
margin-right: 10px;
66+
font-size: 105%;
67+
}
68+
69+
/* 'Tip' Section */
70+
.tip-box{
71+
border-left: 4px solid green;
72+
padding: 15px;
73+
max-width: 600px;
74+
margin-bottom: 10px;
75+
}
76+
77+
#extra{
78+
margin-bottom: 0%;
79+
}
80+
81+
/* Quote Area */
82+
.quote-box{
83+
border-left: 4px solid #3c4043;
84+
margin-bottom: 10px;
85+
color: #8b949e;
86+
}
87+
88+
.quote-box p{
89+
margin-left: 10px;
90+
}
91+
92+
/* Bottom credits */
93+
#credits{
94+
color: #8b949e;
95+
font-size: 0.9em;
96+
font-weight: 500;
97+
}
98+
99+
#credits a{
100+
color:rgb(76, 145, 242);
101+
}
102+
103+
#credits a:link{
104+
text-decoration: none;
105+
}

0 commit comments

Comments
 (0)