Activity #2
2. why do you code?
3. what are some struggles as a coder?
Watermark:
When creating our own codes, it’s nice to leave a small mark on it, so that’s why this next coding activity is going to be creating your own watermark. Feel free to go to my resources post and grab some special character. Be sure to make it unique!
Examples:
⟪ coded by Aevyn ⟫
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
Bonus:
If you already have one or are itching to do something extra, make a code answering these question (don’t forget to add your water mark;)
1. When/how did you get into coding?
2. Why do you code?
3. What are some struggles as a coder?
Code Example:
— coding questions —
1. when/how did you get into coding?
we used to have a coding program back in elementary called “code”, this was what got me into coding. Though, it did get a little boring and I didn’t like the type of code. After joining the forums and lurking in the coding 101, I found html fun and interesting.
2. why do you code?
it’s something for me to escape into and pass the time. I can do so many cool things with code, and that’s why I love doing it (plus, I can make things look pretty and aesthetic 
).
3. what are some struggles as a coder?
i found it a little hard to understand the language in the beginning and my old codes kinda looked awful, but it eventually got easier (although I still barely understand it). Sometimes I miss a small things like a semi-colon or misspelling and the whole code would not work:’(
⟪ coded by Aevyn ⟫
Coding questions: raw code
<div align=center>
<span style="font-size:; display: block; border: 2px solid invisible; width: 400px; height: auto; margin: 10px; ">
<span style="font-size: 17px; display: block; border: 2px solid #7A909E; width: 325px; height: 25px; margin: 10px; padding: 25px; box-shadow: 2px 2px #7A909E; background-color: #D5E4EA; color: #97B5C2; text-transform: uppercase; font-family: arial; text-shadow: 3px 3px #BBD3DD"> — coding questions — <span style="font-size:; display: block; border: 0.5px solid #B4CFDA; margin-top: 3px;; width: 190px; height:;"> </span> </span>
<span style="font-size: 12px; display: block; border: 2px solid </span>; width: 325px; height: auto; margin: 10px; padding: 25px; box-shadow: 4px 4px #7A909E; background-color: #D5E4EA; color: #97B5C2; font-family: arial; letter-spacing: 1px; line-height: 15px; overflow-y: scroll;">
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 1. when/how did you get into coding? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">we used to have a coding program back in elementary called “code”, this was what got me into coding. Though, it did get a little boring and I didn’t like the type of code. After joining the forums and lurking in the coding 101, I found html fun and interesting. </span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 2. why do you code? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">it’s something for me to escape into and pass the time. I can do so many cool things with code, and that’s why I love doing it (plus, I can make things look pretty and aesthetic 😌).</span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 3. what are some struggles as a coder? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">i found it a little hard to understand the language in the beginning and my old codes kinda looked awful, but it eventually got easier (although I still barely understand it). Sometimes I miss a small things like a semi-colon or misspelling and the whole code would not work:’(</span>
</span>
</div>
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
</span>
raw code
<div align=center>
<span style="font-size:; display: block; border: solid 1px #211F2B; border-radius: 2px; background-color: #211F2B; width: 500px; height: auto; padding: 15px;">
<span style="font-size: 14px; display: block; letter-spacing: 2px; line-height: 1.5; text-align: right; font-family: arial; text-transform: uppercase; color: #98979F; text-shadow: 3px 3px #4A4853;"> <i> Activity #2 </i> <span style="font-size:; display: block; border: 0.5px solid #98979F; margin-top: 3px; margin-left: 385px; width: 115px; height:;"> </span></span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Watermark:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;"> When creating our own codes, it’s nice to leave a small mark on it, so that’s why this next coding activity is going to be creating your own watermark. Feel free to go to my resources post and grab some special character. Be sure to make it unique! </span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Examples:</span>
<div align=center>
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
`<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>`
</div>
[quote="CJtheSiteWizard, post:1, topic:7849"]
‧͙⁺˚*･༓☾ **Code by CJ** ☽༓･*˚⁺‧͙
[/quote]
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Bonus:</span>
<span style="font-size: 11px; display: block; border-right: solid 2px #98979F; padding: 1% 2%; text-transform: lowercase; text-align: justify; letter-spacing: 3px; text-shadow: none; line-height: 14px; color: #98979F; margin: 5px;">If you already have one or are itching to do something extra, make a code answering these question (don’t forget to add your water mark;) <br><br>1. When/how did you get into coding?<br>2. Why do you code?<br>3. What are some struggles as a coder?</span>
<span style="font-size: 9px; display: block; border-left: solid 2px #98979F; padding: 1% 2%; text-transform: uppercase; text-align: left; letter-spacing: 2.5px; text-shadow: none; line-height: 1.5px; color: #98979F; margin: 5px;">Code Example:</span>
<div align=center>
<span style="font-size:; display: block; border: 2px solid invisible; width: 400px; height: auto; margin: 10px; ">
<span style="font-size: 17px; display: block; border: 2px solid #7A909E; width: 325px; height: 25px; margin: 10px; padding: 25px; box-shadow: 2px 2px #7A909E; background-color: #D5E4EA; color: #97B5C2; text-transform: uppercase; font-family: arial; text-shadow: 3px 3px #BBD3DD"> — coding questions — <span style="font-size:; display: block; border: 0.5px solid #B4CFDA; margin-top: 3px;; width: 190px; height:;"> </span> </span>
<span style="font-size: 12px; display: block; border: 2px solid </span>; width: 325px; height: auto; margin: 10px; padding: 25px; box-shadow: 4px 4px #7A909E; background-color: #D5E4EA; color: #97B5C2; font-family: arial; letter-spacing: 1px; line-height: 15px; overflow-y: scroll;">
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 1. when/how did you get into coding? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">we used to have a coding program back in elementary called “code”, this was what got me into coding. Though, it did get a little boring and I didn’t like the type of code. After joining the forums and lurking in the coding 101, I found html fun and interesting. </span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 2. why do you code? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">it’s something for me to escape into and pass the time. I can do so many cool things with code, and that’s why I love doing it (plus, I can make things look pretty and aesthetic 😌).</span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 3. what are some struggles as a coder? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">i found it a little hard to understand the language in the beginning and my old codes kinda looked awful, but it eventually got easier (although I still barely understand it). Sometimes I miss a small things like a semi-colon or misspelling and the whole code would not work:’(</span>
</span>
</div>
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
</span>
[details="Coding questions: raw code"]
<div align=center>
<span style="font-size:; display: block; border: 2px solid invisible; width: 400px; height: auto; margin: 10px; ">
<span style="font-size: 17px; display: block; border: 2px solid #7A909E; width: 325px; height: 25px; margin: 10px; padding: 25px; box-shadow: 2px 2px #7A909E; background-color: #D5E4EA; color: #97B5C2; text-transform: uppercase; font-family: arial; text-shadow: 3px 3px #BBD3DD"> — coding questions — <span style="font-size:; display: block; border: 0.5px solid #B4CFDA; margin-top: 3px;; width: 190px; height:;"> </span> </span>
<span style="font-size: 12px; display: block; border: 2px solid </span>; width: 325px; height: auto; margin: 10px; padding: 25px; box-shadow: 4px 4px #7A909E; background-color: #D5E4EA; color: #97B5C2; font-family: arial; letter-spacing: 1px; line-height: 15px; overflow-y: scroll;">
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 1. when/how did you get into coding? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">we used to have a coding program back in elementary called “code”, this was what got me into coding. Though, it did get a little boring and I didn’t like the type of code. After joining the forums and lurking in the coding 101, I found html fun and interesting. </span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 2. why do you code? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">it’s something for me to escape into and pass the time. I can do so many cool things with code, and that’s why I love doing it (plus, I can make things look pretty and aesthetic 😌).</span>
<br>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 10px; border-left: 2px solid #97B5C2; margin: 5px; text-transform: uppercase;"> 3. what are some struggles as a coder? </span>
<span style="font-size: 11px; display: block; padding: 1% 2%; text-align: justify; letter-spacing: 1px; line-height: 12px; border-right: 2px solid #97B5C2; margin: 5px; text-transform: lowercase;">i found it a little hard to understand the language in the beginning and my old codes kinda looked awful, but it eventually got easier (although I still barely understand it). Sometimes I miss a small things like a semi-colon or misspelling and the whole code would not work:’(</span>
</span>
</div>
<span style="font-size: 10px; display: block; margin: 8px; font-family: copperplate; text-align: center; letter-spacing: 1px;"> ⟪ coded by Aevyn ⟫ </span>
</span>
[/details]
<span>
</div>