diff --git a/Student Works/BaptistePDJ/Assignement/2nd assignement/2ndAssignment.html b/Student Works/BaptistePDJ/Assignement/2nd assignement/2ndAssignment.html new file mode 100644 index 00000000..adaec593 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/2nd assignement/2ndAssignment.html @@ -0,0 +1,125 @@ + + + + Dr.Norman Borlaug + + + +
+

Dr.Norman Borlaug

+

The man who saved a billion lives +

+
+

+ + 1910s + 1930s + 1940s + 1950s + 1960s + 1970s + 2000s +
+ +

+ Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - pqrt of his life-long war on hunger +

+
+
+ +Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress. +
+--Indian Prime Minister Manmohan Singh +


+ +
+If you have time you should read more about this increadible human being on his Wikipedia entry +
+ + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/2nd assignement/borlaug.jpg b/Student Works/BaptistePDJ/Assignement/2nd assignement/borlaug.jpg new file mode 100644 index 00000000..037964e9 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/2nd assignement/borlaug.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/3rdAssignement.zip b/Student Works/BaptistePDJ/Assignement/3rdAssignement.zip new file mode 100644 index 00000000..52de79e8 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/3rdAssignement.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/Assigment7.html b/Student Works/BaptistePDJ/Assignement/Assigment7.html new file mode 100644 index 00000000..e87f4f03 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assigment7.html @@ -0,0 +1,23 @@ + + + + Colors + + + + + +
+ + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assigment8.html b/Student Works/BaptistePDJ/Assignement/Assigment8.html new file mode 100644 index 00000000..25b55d68 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assigment8.html @@ -0,0 +1,94 @@ + + + + Timer + + + + + + + + + + + + +
Number
+ + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assigment9.html b/Student Works/BaptistePDJ/Assignement/Assigment9.html new file mode 100644 index 00000000..7482d2cf --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assigment9.html @@ -0,0 +1,127 @@ + + + + + Collect + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ +
Collect: 733Current sum: 0
+ \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/2ndAssignment.html b/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/2ndAssignment.html new file mode 100644 index 00000000..adaec593 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/2ndAssignment.html @@ -0,0 +1,125 @@ + + + + Dr.Norman Borlaug + + + +
+

Dr.Norman Borlaug

+

The man who saved a billion lives +

+
+

+ + 1910s + 1930s + 1940s + 1950s + 1960s + 1970s + 2000s +
+ +

+ Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - pqrt of his life-long war on hunger +

+
+
+ +Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress. +
+--Indian Prime Minister Manmohan Singh +


+ +
+If you have time you should read more about this increadible human being on his Wikipedia entry +
+ + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/borlaug.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/borlaug.jpg new file mode 100644 index 00000000..037964e9 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/2nd assignement/borlaug.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment4.zip b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment4.zip new file mode 100644 index 00000000..eb7f8f8a Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment4.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment5.zip b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment5.zip new file mode 100644 index 00000000..6b5d49f1 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment5.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment6.zip b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment6.zip new file mode 100644 index 00000000..5c777be7 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/Assigment6.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/CSS/stylememe.css b/Student Works/BaptistePDJ/Assignement/Assignement4/CSS/stylememe.css new file mode 100644 index 00000000..b3dfbef3 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/CSS/stylememe.css @@ -0,0 +1,181 @@ +.headr{ + background-color: grey; + +}/*Used for header*/ +.sect{ + text-align: center; + font-size: 20px; + font-family: Montserrat; + color: #2b580c; + background-color: #21BF73; +}/*Used for article*/ +.nav{ + background-color: #2b580c; + height: 300px; + font-size: 29px; +}/*Used for the nav*/ +.n2{ + text-align: center; + font-size: 15px; + color:#2b580c; + font-family:Montserrat; + font-style: italic; + + } +.n1{ + font-size: 80px; + color: #21BF73; + font-family:Montserrat; + font-style: bold; + + } + #about{ + color: #2b580c; + background-color:#21BF73; + } + .name + { + color: black; + } + .attr{ + color: black; + font-style: italic; + text-decoration: underline; + } +.activ{ + color: #21BF73; + background-color: green; + text-decoration: none; + font-family: Montserrat; + +} +.ledg{ + color: black; + font-style: italic; + text-decoration: underline; +} +body{ + background-color: grey; +} +img{ + border-radius: 25px; +} + nav { + font-family: Montserrat; + font-size: 20px; + margin-left: 50px; + } + a:link { + color: #21BF73; + background-color: #2b580c; + text-decoration: none; + font-family: Montserrat; + } + a:visited { + color: #21BF73; + background-color: 2b580c; + text-decoration: none; + font-family: Montserrat; + } + a:hover{ + color: #21BF73; + background-color: green; + text-decoration: none; + font-family: Montserrat; + + } + section:after { + content: ""; + display: table; + clear: both; + } + } + + @media (max-width: 600px) { + nav, article, a, h3,{ + width: 100%; + height: auto; + } + } + * { + box-sizing: border-box; + } + .slide{ + color: powderblue; + } + .memeimage{ + float: left; + width: 60%; + height: 100%; + border: 3px solid white; + padding: 10px; + align-content: center; + margin-bottom: 10px; + } + #image{ + + width: 500px; + height: 304px; + + } + .memetitle{ + margin-right: 93px; + border: 3px solid white; + border-left: none; + text-align: center; + width: 30%; + height: 15%; + color: #21BF73; + background-color: #2b580c; + float: right; + padding: 2px; + font-family: Montserrat; + } + .memetitle:hover{ + color:Orange; + background-color: hotpink; + font-family: Montserrat; + } + .memestars{ + margin-right: 93px; + border: 3px solid white; + border-left: none; + border-top: none; + text-align: center; + width: 30%; + height: 15%; + color: #21BF73; + background-color: #2b580c; + float: right; + padding: 10px; + font-family: Montserrat; + } + .memedescription{ + margin-right: 93px; + border: 3px solid white; + border-left: none; + border-top: none; + text-align: center; + width: 30%; + height: 35%; + color: #21BF73; + background-color: #2b580c; + float: right; + padding: 18px; + font-family: Montserrat; + } + .memerate{ + margin-right: 93px; + border: 3px solid white; + border-left: none; + border-top: none; + text-align: center; + width: 30%; + height: 35%; + color: #21BF73; + background-color: #2b580c; + float: right; + padding: 10px; + margin-bottom: 10px; + font-family: Montserrat; + } \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe.html b/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe.html new file mode 100644 index 00000000..cc212cbd --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe.html @@ -0,0 +1,275 @@ + + + + Gallery + + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+

Browse Memes

+

+ Check out the description of each mem below +

+ +
+
+
+ +
+
+
+
Mister V face
+
Meme grade : 5/5
+ +
This is how NBA2K import Mister V the famous French youtuber in it game
+
+
+ + + +
+
+
+
+
+
+
+
+
+
AH !
+
Meme grade : 4,3/5
+ +
This guy was surprise due to elimination once, he became a meme thanks to Koh Lanta
+
+
+ + + +
+
+
+
+
+
+
+
+
+
Parce que c'est notre projet
+
Meme grade : 4,3/5
+ +
This the actual French president during his compaign for the election
+
+
+ + + +
+
+
+
+
+
+
+
+
+
JCVD Dance
+
Meme grade :3 /5
+ +
The best dancer in the world, and you don't expect him, This is JCVD
+
+
+ + + +
+
+
+
+
+
+
+
+
+
Harambe
+
Meme grade :100/5
+ +
The famous gorilla, once upon a time for Halloween, Harambe chose this outfit
+
+
+ + + +
+
+
+
+
+ + +
+ + + +
+
+ +
+
+ + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe2.html b/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe2.html new file mode 100644 index 00000000..2ccc7ed4 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/Ratememe2.html @@ -0,0 +1,276 @@ + + + + Gallery + + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+

Browse Memes

+

+ Check out the description of each mem below +

+ +
+
+
+
+
+
Thinking guy
+
Meme grade : 4/5
+ +
This meme became very famous in a short time and still at the top
+
+
+ + + + + + +
+
+
+
+
+
+
+
+
+
MJ crying
+
Meme grade : 23/5
+ +
Very sad picture of the GOAT crying, but doesn't mater it's still funny
+
+
+ + + +
+
+
+
+ +
+
+
+
+
+
Mario No
+
Meme grade : 3/5
+ +
Our favourite video game character, won't nothing but we still don't know why !?
+
+
+ + + +
+
+
+
+ +
+
+
+
+
+
Cramming Professor Meme
+
Meme grade : 999/5
+ +
The king of the meme game, this meme that everyone should know !!!
+
+
+ + + +
+
+
+
+
+
+
+
+
+
Shiba inu
+
Meme grade : ∞/5
+ +
💗 Which dog specie is the best ? This is an hint, Thinks about this
+
+
+ + + +
+
+
+
+ +
+
+ +
+ +
+
+ +
+
+ + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Register.html b/Student Works/BaptistePDJ/Assignement/Assignement4/Register.html new file mode 100644 index 00000000..fd107787 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/Register.html @@ -0,0 +1,154 @@ + + + + Register + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+

Register feature :

+
+
+ What about you + + +

+ + +

+ + +

+ Gender : +
+ + + + +

+ + +
+
+ + + +
+
+ Data + + +

+ + + +

+ + +

+ + +

+ + +
+ +
+
+ Why + + +
+ Why do you want to join ? +
+ +
+ + +
+
+
+
+
+ +
+
+ + + + + + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/Uploadmeme.html b/Student Works/BaptistePDJ/Assignement/Assignement4/Uploadmeme.html new file mode 100644 index 00000000..5d3c6085 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/Uploadmeme.html @@ -0,0 +1,73 @@ + + + + Upload your meme + + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+

Upload your best meme:

+
+
+
+ What about your meme + + +

+ Meme description : +
+ +

+ + +
+ +
+

+
+
+

+
+
+
+
+ +
+
+ + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/about.html b/Student Works/BaptistePDJ/Assignement/Assignement4/about.html new file mode 100644 index 00000000..79b91c14 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/about.html @@ -0,0 +1,92 @@ + + + + About Us + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+

About Us :

+
+

Baptiste Perrat Dit Janton

Job: Main director
+ Phone : +33 06 52 48 75 49
+ Email : babou01250@gmail.com
+ + Facebook : Baptiste Prt
+ + Twitter : Bperrat
+ + Linkedin : Baptiste PDJ
+

+
+
+

Michel Sardou

Job: Community Manager
+ Phone : +33 07 58 42 74 49
+ Email : MSardou@gmail.com
+ + Facebook : Michel SRD
+ + Twitter : Michou Sardel
+ + Linkedin : Michel Sardou
+

+
+
+

Claude François

Job: SEO Manager
+ Phone : +33 06 52 75 75 54
+ Email : CloCloF@gmail.com
+ + Facebook : Claudio Franc
+ + Twitter : CloClo El Coco
+ + Linkedin : Claude François
+

+
+
+
+
+
+
+ +
+
+ + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/1srtAssignment.zip b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/1srtAssignment.zip new file mode 100644 index 00000000..3137e77f Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/1srtAssignment.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Chilling_frog.jpeg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Chilling_frog.jpeg new file mode 100644 index 00000000..0b797fdb Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Chilling_frog.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Commands_used.html b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Commands_used.html new file mode 100644 index 00000000..bd9c83e9 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Commands_used.html @@ -0,0 +1,8 @@ + + + Commands used + + +

I'm sorry but I can't remember anything about this.

+ + diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Short_poem.html b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Short_poem.html new file mode 100644 index 00000000..610597d4 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/Short_poem.html @@ -0,0 +1,20 @@ + + + Short poem +

Short Poem

+ + +

Author:

+ +

Atticus

+
+
+

The short poems little with finger

+

Are the hardest

+

To write somebody writting

+

Change one word change

+

And the whole poem

+

Avocados avocados

+
+ + diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/avocados.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/avocados.jpg new file mode 100644 index 00000000..234a02de Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/avocados.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/cute_frog.jpeg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/cute_frog.jpeg new file mode 100644 index 00000000..bbc572d0 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/cute_frog.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/frog.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/frog.jpg new file mode 100644 index 00000000..cf96eb77 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/frog.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/little.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/little.jpg new file mode 100644 index 00000000..9e827e2f Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/little.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/the_frog.html b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/the_frog.html new file mode 100644 index 00000000..221c4002 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/the_frog.html @@ -0,0 +1,18 @@ + + + The Frog +

The Frog

+ + +

Author:

+ +

ActivityVillage

+
+
+

I saw a litle frog a frog reading a book

+

He was cuter than can be a cute frog

+

He was sitting on a log a cute frog

+

And I'm sure he croaked at me ! a cute frog

+
+ + diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/write.jpeg b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/write.jpeg new file mode 100644 index 00000000..f192ebfb Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/assignement1/write.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/homepage.html b/Student Works/BaptistePDJ/Assignement/Assignement4/homepage.html new file mode 100644 index 00000000..ff6afc29 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/homepage.html @@ -0,0 +1,98 @@ + + + + Homepage + + + + + + +
+
+ Meme Paradise +
+

+ The largest collection of meme in the Galaxy +

+
+ +
+
+ +
+ +

+ Are you already register ?
+ Let's do it !
+ What about enlarge the Galllery ?
+ Try to upload one !
+

+ +
+
+
+
+
+ +
+
+ + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/ah.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/ah.jpg new file mode 100644 index 00000000..6f987ee0 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/ah.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/harambo.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/harambo.jpg new file mode 100644 index 00000000..6e1b6c44 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/harambo.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/jcvd.webp b/Student Works/BaptistePDJ/Assignement/Assignement4/image/jcvd.webp new file mode 100644 index 00000000..7e155aad Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/jcvd.webp differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/jordan.png b/Student Works/BaptistePDJ/Assignement/Assignement4/image/jordan.png new file mode 100644 index 00000000..f8768b01 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/jordan.png differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/macron.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/macron.jpg new file mode 100644 index 00000000..6740e694 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/macron.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/mario.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/mario.jpg new file mode 100644 index 00000000..9b314a1b Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/mario.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/misterv.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/misterv.jpg new file mode 100644 index 00000000..092fff93 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/misterv.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/mj.png b/Student Works/BaptistePDJ/Assignement/Assignement4/image/mj.png new file mode 100644 index 00000000..caed6348 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/mj.png differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/shiba.jpg b/Student Works/BaptistePDJ/Assignement/Assignement4/image/shiba.jpg new file mode 100644 index 00000000..dccbb9de Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/shiba.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/image/think.gif b/Student Works/BaptistePDJ/Assignement/Assignement4/image/think.gif new file mode 100644 index 00000000..44c17a32 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignement4/image/think.gif differ diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/page3.php b/Student Works/BaptistePDJ/Assignement/Assignement4/page3.php new file mode 100644 index 00000000..d47e1215 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/page3.php @@ -0,0 +1,11 @@ + + + + Submission + + + Welcome + Here is your Username : + And your Password : + + diff --git a/Student Works/BaptistePDJ/Assignement/Assignement4/page5.php b/Student Works/BaptistePDJ/Assignement/Assignement4/page5.php new file mode 100644 index 00000000..be5b013b --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/Assignement4/page5.php @@ -0,0 +1,16 @@ + + + + Submission + + +

Submission is received

+
+


+ The name of your meme: +
+ Why your meme is the best : +
+ Meme picture : + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Assignement/Assignment.zip b/Student Works/BaptistePDJ/Assignement/Assignment.zip new file mode 100644 index 00000000..993e2fe0 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/Assignment.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/1srtAssignment.zip b/Student Works/BaptistePDJ/Assignement/assignement1/1srtAssignment.zip new file mode 100644 index 00000000..3137e77f Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/1srtAssignment.zip differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/Chilling_frog.jpeg b/Student Works/BaptistePDJ/Assignement/assignement1/Chilling_frog.jpeg new file mode 100644 index 00000000..0b797fdb Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/Chilling_frog.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/Commands_used.html b/Student Works/BaptistePDJ/Assignement/assignement1/Commands_used.html new file mode 100644 index 00000000..bd9c83e9 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/assignement1/Commands_used.html @@ -0,0 +1,8 @@ + + + Commands used + + +

I'm sorry but I can't remember anything about this.

+ + diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/Short_poem.html b/Student Works/BaptistePDJ/Assignement/assignement1/Short_poem.html new file mode 100644 index 00000000..610597d4 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/assignement1/Short_poem.html @@ -0,0 +1,20 @@ + + + Short poem +

Short Poem

+ + +

Author:

+ +

Atticus

+
+
+

The short poems little with finger

+

Are the hardest

+

To write somebody writting

+

Change one word change

+

And the whole poem

+

Avocados avocados

+
+ + diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/avocados.jpg b/Student Works/BaptistePDJ/Assignement/assignement1/avocados.jpg new file mode 100644 index 00000000..234a02de Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/avocados.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/cute_frog.jpeg b/Student Works/BaptistePDJ/Assignement/assignement1/cute_frog.jpeg new file mode 100644 index 00000000..bbc572d0 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/cute_frog.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/frog.jpg b/Student Works/BaptistePDJ/Assignement/assignement1/frog.jpg new file mode 100644 index 00000000..cf96eb77 Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/frog.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/little.jpg b/Student Works/BaptistePDJ/Assignement/assignement1/little.jpg new file mode 100644 index 00000000..9e827e2f Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/little.jpg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/the_frog.html b/Student Works/BaptistePDJ/Assignement/assignement1/the_frog.html new file mode 100644 index 00000000..221c4002 --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/assignement1/the_frog.html @@ -0,0 +1,18 @@ + + + The Frog +

The Frog

+ + +

Author:

+ +

ActivityVillage

+
+
+

I saw a litle frog a frog reading a book

+

He was cuter than can be a cute frog

+

He was sitting on a log a cute frog

+

And I'm sure he croaked at me ! a cute frog

+
+ + diff --git a/Student Works/BaptistePDJ/Assignement/assignement1/write.jpeg b/Student Works/BaptistePDJ/Assignement/assignement1/write.jpeg new file mode 100644 index 00000000..f192ebfb Binary files /dev/null and b/Student Works/BaptistePDJ/Assignement/assignement1/write.jpeg differ diff --git a/Student Works/BaptistePDJ/Assignement/assignment4.html b/Student Works/BaptistePDJ/Assignement/assignment4.html new file mode 100644 index 00000000..c38df22b --- /dev/null +++ b/Student Works/BaptistePDJ/Assignement/assignment4.html @@ -0,0 +1,70 @@ + + + + Page 1 + + +
+
+ + +
+ + + +
+ Gender : +
+ + + + +
+ + +
+
+
+ Demographic : + What is you are group ? +
+ +
+
+ + +
+
+ Meal choice + What do you like to eat ? +
+ + + + + + +
+
+
+
+ + +
+ Why do you want to join ? +
+
+
+ + +
+
+ + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Current work/ProjectCP2.js b/Student Works/BaptistePDJ/Current work/ProjectCP2.js new file mode 100644 index 00000000..ec9db4c3 --- /dev/null +++ b/Student Works/BaptistePDJ/Current work/ProjectCP2.js @@ -0,0 +1,249 @@ +var http = require('http'); +var url = require('url'); +var fs = require('fs');//File systems +var express = require('express');//Framework express +var path = require('path');//Useful to extract the path name from the rul +var app = express(); + +var top = new Array(new Array("52", "Johnny"),new Array("70", "Emma"),new Array("73", "Larry"),new Array("79", "Jordan"),new Array("82","Michel" ),); +// Top players array + +//Function to update Top.html with content = Top player array and content2 = top player top3 for the carousel +function formatAsHtml(content, content2){ + var output = + '\n' + + '\n' + + '\n' + + 'Top Players\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '
\n' + + '
\n' + + '
\n' + + 'mine\n' + + '
\n' + + '
\n' + + '
\n' + + 'MINESWEEPER \n' + + '
\n' + + '
\n' + + '

\n' + + 'Are you ready to sweep ?\n' + + '

\n' + + '
\n' + + '
\n' + + 'famnit\n' + + '
\n' + + '
\n' + + '
\n' + + + '
\n' + + '\n' + + '
\n' + + '
\n' + + '
\n' + + '\n' + + '
\n' + + + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + content + '\n' + + '\n' + + '
#NameTime (s)
\n' + + '
\n' + + + '
\n' + + '
\n' + + '\n' + + + '\n' + + '\n'; + return output;//Function used to write Top players page with the new Top players array +} + +app.use(express.static(__dirname + '/Public'));// Define the /Public files as a static file used for the style, JS and image..., + +//All the function to open the different file of the project +app.get('/menu.html', function(req, res) { + fs.readFile('menu.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/rules.html', function(req, res) { + fs.readFile('rules.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) + +app.get('/8x8.html', function(req, res) { + fs.readFile('8x8.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/8x8normal.html', function(req, res) { + fs.readFile('8x8normal.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/8x8king.html', function(req, res) { + fs.readFile('8x8king.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16.html', function(req, res) { + fs.readFile('16x16.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16normal.html', function(req, res) { + fs.readFile('16x16normal.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16king.html', function(req, res) { + fs.readFile('16x16king.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/Top.html', function(req, res) { + fs.readFile('Top.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + + return res.end(); }) +}) +app.get('/about.html', function(req, res) { + fs.readFile('about.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +//The function used to change the Top player rank +app.get('/Top.html/:username/:time/', function(req, res) { + var username = req.params.username;//take the username from the url + var time = req.params.time;//take the time from the url + top.push(new Array(time, username));// include the new player in the rank + var tableau = ""; + var carousel = ""; + top.sort();//Sort the Top players ranking + + for (var i = 0; i <= 2; i++) { // create in carousel all the new carousel with the new TOP 3 + if(i == 0){ + carousel = carousel + + '\n'; + } + else{ + carousel = carousel + + '\n'; + } + + } + for (var i = 0; i < top.length; i++) { + tableau = tableau + + "\n" + + "" + (i+1).toString() + "\n" + + "" + top[i][1].toString() + "\n" + + "" + top[i][0].toString() + "\n" + + "";// create in tableau (mean array in french) the new top + + } + fs.writeFile('Top.html',formatAsHtml(tableau, carousel), function (err) {//update the file Top.html with the new Top + if (err) throw err; + console.log('Replaced!'); + res.redirect('http://localhost:8080/Top.html'); //Redirect the user to the Top.html page after updated it + + + return res.end(); }) +}) + +.use(function(req, res, next){// If you can't find a page write this + res.setHeader('Content-Type', 'text/plain'); + res.status(404).send('Page is not HERE !'); +}); + + + +app.listen(8080);//listen the server at localhost:8080 + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/16x16.html b/Student Works/BaptistePDJ/Project/16x16.html new file mode 100644 index 00000000..70bdc648 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/16x16.html @@ -0,0 +1,897 @@ + + + + Play in 16 by 16 + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time:

000

+
+
+ 😀 +
+
+
+
+ +
+
+
+
+
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/16x16king.html b/Student Works/BaptistePDJ/Project/16x16king.html new file mode 100644 index 00000000..a5cffda8 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/16x16king.html @@ -0,0 +1,897 @@ + + + + Play in 16 by 16 + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time :

000

+
+
+ 😀 +
+
+
+
+ +
+
+
+
+ <
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/16x16normal.html b/Student Works/BaptistePDJ/Project/16x16normal.html new file mode 100644 index 00000000..188175f0 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/16x16normal.html @@ -0,0 +1,897 @@ + + + + Play in 16 by 16 + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time:

000

+
+
+ 😀 +
+
+
+
+ +
+
+
+
+
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/8x8.html b/Student Works/BaptistePDJ/Project/8x8.html new file mode 100644 index 00000000..f850878a --- /dev/null +++ b/Student Works/BaptistePDJ/Project/8x8.html @@ -0,0 +1,319 @@ + + + + Play in 8 by 8 + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time:

000

+
+
+ 😀 +
+
+
+
+ +
+
+
+
+
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + diff --git a/Student Works/BaptistePDJ/Project/8x8king.html b/Student Works/BaptistePDJ/Project/8x8king.html new file mode 100644 index 00000000..bb7cb5f7 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/8x8king.html @@ -0,0 +1,320 @@ + + + + Play in 8 by 8 + + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time:

000

+
+
+ 😀 +
+
+
+
+ +
+
+
+
+
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/8x8normal.html b/Student Works/BaptistePDJ/Project/8x8normal.html new file mode 100644 index 00000000..64023e34 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/8x8normal.html @@ -0,0 +1,320 @@ + + + + Play in 8 by 8 + + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+
+
+ Time:

000

+
+
+ 😀 +
+
+
+
+ + +
+
+
+
+
+
+ +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+ O +
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/ProjectCP2.js b/Student Works/BaptistePDJ/Project/ProjectCP2.js new file mode 100644 index 00000000..ec9db4c3 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/ProjectCP2.js @@ -0,0 +1,249 @@ +var http = require('http'); +var url = require('url'); +var fs = require('fs');//File systems +var express = require('express');//Framework express +var path = require('path');//Useful to extract the path name from the rul +var app = express(); + +var top = new Array(new Array("52", "Johnny"),new Array("70", "Emma"),new Array("73", "Larry"),new Array("79", "Jordan"),new Array("82","Michel" ),); +// Top players array + +//Function to update Top.html with content = Top player array and content2 = top player top3 for the carousel +function formatAsHtml(content, content2){ + var output = + '\n' + + '\n' + + '\n' + + 'Top Players\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '
\n' + + '
\n' + + '
\n' + + 'mine\n' + + '
\n' + + '
\n' + + '
\n' + + 'MINESWEEPER \n' + + '
\n' + + '
\n' + + '

\n' + + 'Are you ready to sweep ?\n' + + '

\n' + + '
\n' + + '
\n' + + 'famnit\n' + + '
\n' + + '
\n' + + '
\n' + + + '
\n' + + '\n' + + '
\n' + + '
\n' + + '
\n' + + '\n' + + '
\n' + + + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + '\n' + + content + '\n' + + '\n' + + '
#NameTime (s)
\n' + + '
\n' + + + '
\n' + + '
\n' + + '\n' + + + '\n' + + '\n'; + return output;//Function used to write Top players page with the new Top players array +} + +app.use(express.static(__dirname + '/Public'));// Define the /Public files as a static file used for the style, JS and image..., + +//All the function to open the different file of the project +app.get('/menu.html', function(req, res) { + fs.readFile('menu.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/rules.html', function(req, res) { + fs.readFile('rules.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) + +app.get('/8x8.html', function(req, res) { + fs.readFile('8x8.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/8x8normal.html', function(req, res) { + fs.readFile('8x8normal.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/8x8king.html', function(req, res) { + fs.readFile('8x8king.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16.html', function(req, res) { + fs.readFile('16x16.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16normal.html', function(req, res) { + fs.readFile('16x16normal.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/16x16king.html', function(req, res) { + fs.readFile('16x16king.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +app.get('/Top.html', function(req, res) { + fs.readFile('Top.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + + return res.end(); }) +}) +app.get('/about.html', function(req, res) { + fs.readFile('about.html', function(err, data) { + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); }) +}) +//The function used to change the Top player rank +app.get('/Top.html/:username/:time/', function(req, res) { + var username = req.params.username;//take the username from the url + var time = req.params.time;//take the time from the url + top.push(new Array(time, username));// include the new player in the rank + var tableau = ""; + var carousel = ""; + top.sort();//Sort the Top players ranking + + for (var i = 0; i <= 2; i++) { // create in carousel all the new carousel with the new TOP 3 + if(i == 0){ + carousel = carousel + + '\n'; + } + else{ + carousel = carousel + + '\n'; + } + + } + for (var i = 0; i < top.length; i++) { + tableau = tableau + + "\n" + + "" + (i+1).toString() + "\n" + + "" + top[i][1].toString() + "\n" + + "" + top[i][0].toString() + "\n" + + "";// create in tableau (mean array in french) the new top + + } + fs.writeFile('Top.html',formatAsHtml(tableau, carousel), function (err) {//update the file Top.html with the new Top + if (err) throw err; + console.log('Replaced!'); + res.redirect('http://localhost:8080/Top.html'); //Redirect the user to the Top.html page after updated it + + + return res.end(); }) +}) + +.use(function(req, res, next){// If you can't find a page write this + res.setHeader('Content-Type', 'text/plain'); + res.status(404).send('Page is not HERE !'); +}); + + + +app.listen(8080);//listen the server at localhost:8080 + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/Public/famnit.png b/Student Works/BaptistePDJ/Project/Public/famnit.png new file mode 100644 index 00000000..947cc37a Binary files /dev/null and b/Student Works/BaptistePDJ/Project/Public/famnit.png differ diff --git a/Student Works/BaptistePDJ/Project/Public/mine.png b/Student Works/BaptistePDJ/Project/Public/mine.png new file mode 100644 index 00000000..895964bf Binary files /dev/null and b/Student Works/BaptistePDJ/Project/Public/mine.png differ diff --git a/Student Works/BaptistePDJ/Project/Public/minefamnit.js b/Student Works/BaptistePDJ/Project/Public/minefamnit.js new file mode 100644 index 00000000..3b12ba95 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/Public/minefamnit.js @@ -0,0 +1,184 @@ + +class Minefield { + /* Construct a minefield with the given width, height, and the number of mines. */ + constructor(width, height, mines) { + /* Sanitize input parameters. */ + width = Number(width); + height = Number(height); + mines = Number(mines); + if (!Number.isInteger(width)) width = 8; + if (!Number.isInteger(height)) height = 8; + if (!Number.isInteger(mines)) mines = 10; + + /* Validate input parameters. */ + if (width < 1) width = 1; + if (height < 1) height = 1; + if (mines > width * height) mines = width * height; + + /* Initialize the minefield. */ + this.fieldWidth = width; + this.fieldHeight = height; + this.fieldMines = mines; + this.field = new Array(width); + this.veil = new Array(width); + for (var x = 0; x < width; x++) { + this.field[x] = new Array(height); + this.veil[x] = new Array(height); + for (var y = 0; y < height; y++) { + this.field[x][y] = ' '; + this.veil[x][y] = true; + } + } + + /* Place mines. */ + var placed = 0; + while (placed < mines) { + var x = Math.floor(Math.random() * this.width); + var y = Math.floor(Math.random() * this.height); + if (this.field[x][y] == ' ') { + this.field[x][y] = 'mine'; + placed++; + } + } + + /* Compute numbers. */ + for (var x = 0; x < width; x++) { + for (var y = 0; y < height; y++) { + if (this.field[x][y] == ' ') { + var count = 0; + for (var dx = -1; dx <= 1; dx++) { + for (var dy = -1; dy <= 1; dy++) { + var x0 = x + dx; + var y0 = y + dy; + if (x0 >= 0 && x0 < width && y0 >= 0 && y0 < height) + count += (this.field[x0][y0] == 'mine' ? 1 : 0); + } + } + this.field[x][y] = '' + count; + } + } + } + } + + /* Return the width of the field. */ + get width() { + return this.fieldWidth; + } + + /* Return the height of the field. */ + get height() { + return this.fieldHeight; + } + get mines(){ + return this.fieldMines; + } + /* Return the number of veiled tiles. */ + get veiled() { + /* Get global variables. */ + var veil = this.veil; + var width = this.width; + var height = this.height; + + var count = 0; + for (var x = 0; x < width; x++) { + for (var y = 0; y < width; y++) { + if (veil[x][y]) count++; + } + } + + return count; + } + + /* Return the number of explosions until now. */ + get explosions() { + /* Get global variables. */ + var field = this.field; + var veil = this.veil; + var width = this.width; + var height = this.height; + + var count = 0; + for (var x = 0; x < width; x++) { + for (var y = 0; y < width; y++) { + if (!veil[x][y] && field[x][y] == 'mine') + count++; + } + } + + return count; + } + + /* Return the visible symbol on a tile. */ + symbol(x, y) { + /* Sanitize input parameters. */ + var x0 = Number(x); + var y0 = Number(y); + if (!Number.isInteger(x0) || !Number.isInteger(y0)) + return '.'; + + /* Get global variables. */ + var field = this.field; + var veil = this.veil; + var width = this.width; + var height = this.height; + + /* Return the symbol. */ + if (x0 >= 0 && x0 < width && y0 >= 0 && y0 < height && !veil[x0][y0]) + return field[x0][y0]; + else + return '.'; + } + + unveil(x, y) { + /* Sanitize input parameters. */ + var x0 = Number(x); + var y0 = Number(y); + if (!Number.isInteger(x0) || !Number.isInteger(y0)) + return; + + /* Get global variables. */ + var field = this.field; + var veil = this.veil; + var width = this.width; + var height = this.height; + + /* Check input parameters. */ + if (x0 < 0 || x0 >= width || y0 < 0 || y0 >= height) return; + if (!veil[x0][y0]) return; + + /* Unveil tiles. */ + var tiles = [[x0, y0]]; + while (tiles.length > 0) { + var tile = tiles.pop(); + x0 = tile[0]; + y0 = tile[1]; + veil[x0][y0] = false; + if (field[x0][y0] == '0') { + for (var dx = -1; dx <= 1; dx++) { + for (var dy = -1; dy <= 1; dy++) { + var x1 = x0 + dx; + var y1 = y0 + dy; + if (x1 >= 0 && x1 < width && y1 >= 0 && y1 < height && veil[x1][y1]) + tiles.push([x1, y1]); + } + } + } + } + } + + /* Return representation of the field as string. */ + tString() { + var output = ""; + for (var y = 0; y < this.height; y++) { + output += '
'; + for (var x = 0; x < this.width; x++) { + if (!this.veil[x][y]) + output += '
' + this.field[x][y] + '
'; + else + output += '
O
'; + } + output += '
'; + } + return output; + } +} \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/Public/minesweeper.js b/Student Works/BaptistePDJ/Project/Public/minesweeper.js new file mode 100644 index 00000000..8555a106 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/Public/minesweeper.js @@ -0,0 +1,94 @@ + +var time//the time of play +var test;//It's a test to say if the game has started (1) or not (0) +var tiles;//The number of tiles without mines +var username; +/*function that reset the timer to 0*/ + +//reset the time +function reset() { + var timer = document.getElementById('timer'); + timer.innerHTML = "0"; + } + //function that increase the timer +function increaseTimer() { + var timer = document.getElementById('timer'); + var n = parseInt(timer.innerHTML); + n++; + timer.innerHTML = n.toString(); + time = n.toString(); + } +//start a new game with this function +function newGame(w, h, m) { + w = Number(w); + h = Number(h); + m = Number(m); + tiles = w * h - m; + console.log(tiles); + + test = 0; + minefield = new Minefield(w, h, m); + reset(); + window.clearInterval(timer);//stop the timer increasement + console.log("minefied cree"); + print(); +} + +function check() { + var x = document.getElementById("x").value; + var y = document.getElementById("y").value; + alert(minefield.symbol(x, y)); +} + +// show the number or the mine in the case +function hit(x, y) { + var name = document.getElementById("username").value; + while(name== null || name == "")//Look if the player has an username + { + name = prompt("Please enter your Username", "Guest"); + document.getElementById("username").value = name; + } + username = name; + if(test == 1){//A hit when the game has started + minefield.unveil(x, y); + print(); + } + else{//The very first hit start the time + timer = window.setInterval(increaseTimer, 1000); + minefield.unveil(x, y); + print(); + test = 1; + } + +} + +function victoryOrLose(){//Verify if the player has won or lost + if(minefield.explosions != 0){//Lost + alert("You lose try again"); + window.clearInterval(timer); + } + console.log(minefield.explosions); + console.log(minefield.veiled); + console.log(minefield.mines); + if(minefield.veiled == minefield.mines && minefield.explosions == 0){//Won + alert("You win Congratulations !!!"); + console.log(time); + console.log(username); + var timerS = time.toString(); + var usernameS = username.toString(); + //Say to the player if he want to see him in the top player rank + var toplink = 'TOP PLAYERS'; + var link = ""; + document.getElementById('toplink').innerHTML = toplink; + document.getElementById('mainfield').innerHTML = link; + window.clearInterval(timer); + + } +} +//print the field +function print() { + console.log("print activé"); + document.getElementById("mainfield").innerHTML = minefield.tString(); + victoryOrLose(); + console.log("print fini"); + } diff --git a/Student Works/BaptistePDJ/Project/Public/style.css b/Student Works/BaptistePDJ/Project/Public/style.css new file mode 100644 index 00000000..66a1abe7 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/Public/style.css @@ -0,0 +1,171 @@ +body{ + font-family: Avantgarde; + background-color: #505050; +} +/*For the title*/ +.headr{ + text-align: center; +} +.header1 { + height: 20%; + width: 100%; + font-size: 300%; +} +/*For the famnit img*/ +.headr2{ + text-align: right; +} +.famnit{ + height: 180px; + width: 184px; + cursor: -webkit-grab; cursor: grab; +} +/*for the header*/ +.div1{ + width: 100%; + background-color: #505050; + color: white; +} +/*For the little title*/ +.p1{ + + height: 20%; + width: 100%; + font-size: 150%; +} +/*For the nav*/ +.nav1{ + margin-right: 10%; + margin-left: 10%; + height: 100%; +} +.div2{ + background-color: #808080; +} +/*Link in NAV*/ +.a1{ + color: white; + padding: 17px 16px; + background-color: #808080; +} +/*Link in dropdown*/ +.a2{ + color: white; + padding: 17px 16px; +} +/*When this is the active link*/ + +/*For the link with the dropdown*/ +.dropbtn { + background-color: #808080; + color: white; + padding: 16px; + font-size: 16px; + border: none; + cursor: pointer; +} +.activ{ + background-color: #393942; +} +.dropdown1 { + position: relative; + display: inline-block; +} + +/* Dropdown Content (Hidden by Default) */ +.dropdown-content { + display: none; + position: absolute; + background-color: #DCDCDC; + min-width: 160px;/*width min of the content */ + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; /*Put the content over*/ +} + +/* Links inside the dropdown */ +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none;/*erase the underliner when you over*/ + display: block; +} + +/* Change color of dropdown links on hover */ +.dropdown-content a:hover {background-color: #f1f1f1} +.a1:hover {color: black;} +/* Show the dropdown menu on hover */ +.dropdown:hover .dropdown-content { + display: block; +} + +/* Change the background color of the dropdown button when the dropdown content is shown */ +.dropdown:hover .dropbtn { + background-color: #808080; +} +} +/*The biggest division usefull for the background*/ +.div3{ + height: 100%; + width: 100%; + background-color: #505050; +} +/*The white division*/ +.div4{ + margin-left: 20%; + margin-right: 20%; + padding: 5%; + background-color: white; +} +/*For the carousel*/ +.imgcar{ + width: 150px; + height: 150px; +} +/*the border*/ +.divcar{ + border-style: groove; + border-color: #393942; +} +/*For the carousel division*/ +.divcar3{ + width: 50%; + height: 100%; + margin-right: 25%; + margin-left: 25%; + margin-bottom: 5%; +} +/*for the text*/ +.divcar2{ + color: #393942; +} + +.case{ + background-color: #C0C0C0; + text-align: center; + margin: none; + padding: 2% 1% 2% 1%; + border: solid black; + border-collapse: collapse; + color: #C0C0C0; + cursor: pointer; + +} +.case:hover{ + background-color: #787878; + color: #787878; + +} +.smiley{ + cursor: pointer; + text-align: center; +} +#unveiled{ + color: black; + background-color: #787878; + cursor: no-allowed; +} +/**/ +.mine{ + height: 20px; + width: 20px; +} \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/Public/white.png b/Student Works/BaptistePDJ/Project/Public/white.png new file mode 100644 index 00000000..d13a4df7 Binary files /dev/null and b/Student Works/BaptistePDJ/Project/Public/white.png differ diff --git a/Student Works/BaptistePDJ/Project/Top.html b/Student Works/BaptistePDJ/Project/Top.html new file mode 100644 index 00000000..e2fe801e --- /dev/null +++ b/Student Works/BaptistePDJ/Project/Top.html @@ -0,0 +1,146 @@ + + + +Top Players + + + + + + + + + +
+
+
+mine +
+
+
+MINESWEEPER +
+
+

+Are you ready to sweep ? +

+
+
+famnit +
+
+
+
+ +
+
+
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
#NameTime (s)
1Jordan32
2Johnny52
3Emma70
4Larry73
5Jordan79
6Michel82
+
+
+
+ + + diff --git a/Student Works/BaptistePDJ/Project/about.html b/Student Works/BaptistePDJ/Project/about.html new file mode 100644 index 00000000..c1ae1b2e --- /dev/null +++ b/Student Works/BaptistePDJ/Project/about.html @@ -0,0 +1,81 @@ + + + + About + + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+

Purpose :

+

This is the final result of a project from the course call Computer Practicum II from the University of Primorska in Koper, Slovenia, I choose the Minesweeper because this is a very famous game and I special appreciate it, so I'm very motivated to create one.

+
+

Creator :

+

Name: Baptiste
Surname: PERRAT DIT JANTON
Nationality: French
Email: baptiste.perrat-dit-janton@utbm.fr
University: Université de Technologie Belfort Monbéliart
Exchange University: Unerversity Of Primorska

+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/menu.html b/Student Works/BaptistePDJ/Project/menu.html new file mode 100644 index 00000000..ca525d15 --- /dev/null +++ b/Student Works/BaptistePDJ/Project/menu.html @@ -0,0 +1,77 @@ + + + + Menu + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+

Hello World

+

Welcome in this website, you can play a party of minesweeper if you want, or just watch the rank between the Top Player, and finally don't forget to check the about page which explain the purpose of the website and who create it

+
+
+ + + + \ No newline at end of file diff --git a/Student Works/BaptistePDJ/Project/rules.html b/Student Works/BaptistePDJ/Project/rules.html new file mode 100644 index 00000000..0bfb088f --- /dev/null +++ b/Student Works/BaptistePDJ/Project/rules.html @@ -0,0 +1,99 @@ + + + + Rules + + + + + + + +
+
+
+ mine +
+
+
+ MINESWEEPER +
+
+

+ Are you ready to sweep ? +

+
+
+ famnit +
+
+
+ +
+ +
+
+
+

Rules


+

The object of the game of minesweeper is to locate all the mines as quickly as possible. Specifically, the game of minesweeper is won at the point when all squares that are not mines are clicked open.

+ +The game of minesweeper is lost when a square that the player clicks open contains a mine.

+ +The game of minesweeper begins upon the opening of the first square the player clicks open, which starts the timer.

+ +The grid of mines for a board is pre-generated before the start of the game. The first square clicked never contains a mine. If it did contain a mine in the board pre-generation, the mine is moved to the upper-left hand corner of the board, and if that was a mine, the next square over to the right, and so on.

+ +There are two ways to click open a square: left-clicking the square and chording.

+ +To click open a square by left-clicking, click the left mouse button. The square the cursor is over at the point of release of the left mouse button is the square that is opened.

+ +When a square is successfully opened without containing a mine, it shows a number. The number indicates the number of mines that exist in the eight squares touching the square the number was in.

+ +If the number would have been a 0, the number 0 is not shown, and all squares touching that square are opened as well.

+ +When a square is right-clicked, a flag appears over the square. Right-clicking is intended for marking a square as a mine. Right-click again to remove the flag. (Note: In the original windows minesweeper, the second click moves to the ?, and only the third click removes the mark. The ? is obsolete in the professional minesweeper world, and by default nearly all professional minesweeper players turn off the ? option if it exists at all.) Each time a square is flagged, the number of “mines left” display is decremented.

+ +(This process is known as chording.) If the number in a square is equal to the number of squares touching that square that are flagged, double clicking on the number opens up all remaining squares around the number. The game is lost if there is any inaccuracy in the flagging around the number. Specifically, the left mouse button must be released over the square in which the number is while the right mouse button is depressed.

+ +The number of mines in a board is pre-determined. A Beginner board has 10 mines on an 8-by-8 board and 20 on a 16-by-16 board, a Normal board has 20 mines an 8-by-8 board and 40 on a 16-by-16 board, and a King board has 30 mines on an 8-by-8 board and 60 on a 16-by-16 board

+
+
+ + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/EighthAssignment/formA.html b/Student Works/Danilo-R/Assignments/EighthAssignment/formA.html new file mode 100644 index 00000000..e6de755a --- /dev/null +++ b/Student Works/Danilo-R/Assignments/EighthAssignment/formA.html @@ -0,0 +1,102 @@ + + + + Validating Forms + + + + + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+ +
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/EighthAssignment/pageA.html b/Student Works/Danilo-R/Assignments/EighthAssignment/pageA.html new file mode 100644 index 00000000..73b324fb --- /dev/null +++ b/Student Works/Danilo-R/Assignments/EighthAssignment/pageA.html @@ -0,0 +1,98 @@ + + + + Timer + + + + + + + + + + + +
+ + + +
Numbers
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/aboutPage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/aboutPage.html new file mode 100644 index 00000000..dff79a38 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/aboutPage.html @@ -0,0 +1,51 @@ + + + + Home Page + + + + + + + + + +
+

Meet our Team

+

A perfect blend of creativity and technical wizardy.

+
+
+
+ + + +
+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/homePage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/homePage.html new file mode 100644 index 00000000..6382a249 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/homePage.html @@ -0,0 +1,31 @@ + + + + Home Page + + + + + + + + +
+

Welcome to the website dedicated to memes!

+

Upload your favorite memes, and don't forget
to rate our 'top 3' collection.

+ +
+

You can also upload memes by pressing here

+
+ + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/rateMemePage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/rateMemePage.html new file mode 100644 index 00000000..38e83130 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/rateMemePage.html @@ -0,0 +1,185 @@ + + + + Rate Meme Page + + + + + + + + + +
+

Rate the memes from our collection!

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and DescriptionMeme Rating
Carefully, He's a HeroMeme rate: 4.7/5
"Carefully He's a Hero" is an image macro featuring a screenshot from the 2004 superhero film Spider-Man 2 that includes the line as a subtitle. Online, people use a screenshot of the scene in which the line is said to make jokes about paying tribute for absurd or humorous actions. On June 30th, 2004, the film Spider-Man 2 was released in the United States. In the film, the character Spider-Man (portrayed by Tobey MacGuire) passes out while using his physical strength to stop a runaway train. +
+ Rate a meme:
+ + + + + + + + + + + + + + + +
12345
+ +
+
I've Never Met This Man in My LifeMeme rate: 3.9/5
"I've Never Met This Man In My Life" refers to a memorable quote uttered by the character Loki in the 2017 Marvel superhero film Thor: Ragnarok. A screenshot of Loki saying the line has since been used online as a reaction image macro to express willful ignorance. On October 21st, 2017, YouTube channel First Trailer uploaded an "extended clip" of the then-upcoming Marvel superhero film "Thor: Ragnarok". +
+ Rate a meme:
+ + + + + + + + + + + + + + + +
12345
+ +
+
Woman Yelling at a CatMeme rate: 5/5
"Woman Yelling at a Cat" refers to a meme format featuring a screen cap of The Real Housewives of Beverly Hills cast members Taylor Armstrong and Kyle Richards followed by a picture of a confused-looking cat sitting behind a dinner plate. The format gained significant popularity across the web in mid-June 2019 and the cat was later identified as Smudge the Cat. +
+ Rate a meme:
+ + + + + + + + + + + + + + + +
12345
+ +
+
Tom Reading The NewspaperMeme rate: 4.3/5
"Tom Reading The Newspaper" refers to an image of Tom from Tom and Jerry looking up from a newspaper with a suspicious expression on his face. The image is often paired with captions indicating a confusing, potentially tragic scenario which would cause Tom to look up from his paper. The image has also been edited as an exploitable wherein what Tom is reading is changed. The image comes from the 1956 episode of Tom and Jerry, "Down Beat Bear." +
+ Rate a meme:
+ + + + + + + + + + + + + + + +
12345
+ +
+
Mike Wazowski Explaining ThingsMeme rate: 5/5
"Mike Wazowski Explaining Things" refers to a still image from 2001 video game Monsters Inc: Wreck Room Arcade in which character Mike Wazowski is shown complaining in front of characters Sulley and Roz. Online, the image has been circulated as an object-labeling meme, usually to illustrates situations in which someone is attempting to explain something. +
+ Rate a meme:
+ + + + + + + + + + + + + + + +
12345
+ +
+
+
+
+
+ + + + diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/receivedSubmissionPage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/receivedSubmissionPage.html new file mode 100644 index 00000000..a5d83e56 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/receivedSubmissionPage.html @@ -0,0 +1,25 @@ + + + + Received Submission Page + + + + + + + + +
+

Your submission is received.

+

However, the 'PHP' part of the assignment hasn't been implemented yet.

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/registerAccountPage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/registerAccountPage.html new file mode 100644 index 00000000..07d859de --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/registerAccountPage.html @@ -0,0 +1,67 @@ + + + + Register Account Page + + + + + + +
+
+
+ Personal info +
+ + + + + + + + +
+ + + + +
+ +
+ Profile info +
+ + + + + + + + + + +
+ +
+ Other info +
+ + + + +
+
+
+ +
+
+ +
+ + + diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/styles.css b/Student Works/Danilo-R/Assignments/FifthAssignment/styles.css new file mode 100644 index 00000000..03a216b8 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/styles.css @@ -0,0 +1,236 @@ +/* This block of code is used for styling : everything */ +* { + box-sizing: border-box; + font-family: Montserrat; +} + +/* This block of code is used for styling : top part of the page, where navigation bar is placed */ +nav { + float: center; + background-image: linear-gradient(-90deg, #2a7886, #79bac1); + color: #f1f3f4; + text-align: right; + vertical-align: center; + height: 70px; + position: sticky; + top: 0px; +} + +body { + background-color: #f1f3f4; + color: #512b58; + height: 100%; +} + +/* This block of code is used for styling : upper-middle part of the page, where title is placed */ +header { + float: center; + margin-top: 80px; + text-align: center; +} + +/* This block of code is used for styling : hyperlinks */ +a { + text-decoration: none; +} + +/* This block of code is used for styling : table and its components (header, row, column) */ +table, th, tr, td { + border-collapse: collapse; + table-layout: fixed; + width: 80%; + border: 0.5px solid #512b58; + margin-left: auto; + margin-right: auto; +} + +/* This block of code is used for styling : column (additional styling) */ +td { + padding-top: 0px; + padding-bottom: 0px; + font-size: 14px; + text-align: center; +} + +/* This block of code is used for styling : fieldset and its components */ +fieldset { + float: center; + width: 25%; + height: 400px; + color: rgb(40, 50, 60); + margin-bottom: 50px; + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 50px; +} + +/* This block of code is used for styling : label and input banner, area where text is inserted, and option to choose */ +legend, input, label, select, textarea { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} + +/* This block of code is used for styling : label (additional styling) */ +label { + color: rgb(40, 50, 60); +} + +/* This block of code is used for styling : input and its alignment */ +input { + border: 0.5px solid #512b58; + border-radius: 16px; + margin-bottom: 20px; +} + +/* This block of code is used for styling : option to choose (the size and border color) */ +select { + border: 0.5px solid #512b58; + width: 180px; +} + +footer { + background-color: #1d4d4f; + color: white; + padding: 10px; + bottom: 0; + width: 100%; + text-align: center; +} + + +/* This class is used for styling : navigation bar */ +.navigationBarClass { + background: none; + border: none; + color: #e5dfdf; + margin: 20px; + cursor: pointer; +} + +/* This class is used for styling : navigation bar of current page (different from other bar pages) */ +.currentPageClass { + background: none; + border: none; + color: #e5dfdf; + margin: 20px; + cursor: pointer; + text-decoration: underline; +} + +/* This class is used for styling : button (linked to other page) */ +.registerNowClass { + width: 300px; + height: 50px; + background-color: #512b58; + color: #f1f3f4; + border: none; + border-radius: 16px; + cursor: pointer; + display: block; + margin-top: 50px; + margin-left: auto; + margin-right: auto; +} + +.registerNowClass:hover { + background-image: linear-gradient(-90deg, #2a7886, #79bac1); +} + +/* This class is used for styling : column that holds name of meme */ +.memeNameClass { + background-color: rgb(235, 235, 235); + margin-top: 0; + margin-bottom: 0; +} + +.memeNameClass:hover { + cursor: default; + color: hotpink; +} + +/* This class is used for styling : image responsiveness and size */ +.responsiveClass { + max-width: 70%; + height: auto; + display: block; + margin-left: auto; + margin-right: auto; +} + +/* This class is used for styling : position of rate of meme */ +.rateClass { + margin-top: 16px; + display: block; + margin-left: auto; + margin-right: auto; + background: none; + border: 1px solid #79bac1; +} + +/* This class is used for styling : rate of meme */ +.rateDesignClass { + color: rgb(130, 140, 145); +} + +/* This class is used for styling : available options for rate */ +.rateMemeClass { + text-align: center; + background: none; + width: 75px; + height: 30px; + border: 0.5px solid #512b58; + color: rgb(10, 40, 45); + cursor: pointer; +} + +/* This class is used for styling : button that confirms the submission */ +.submitClass { + width: 300px; + height: 50px; + background-color: #512b58; + color: #f1f3f4; + border: none; + border-radius: 16px; + cursor: pointer; + display: block; + margin-left: auto; + margin-right: auto; + margin-top: 50px; +} + +/* This class is used for styling : hover effect of submit button */ +.submitClass:hover { + background-image: linear-gradient(-90deg, #2a7886, #79bac1); +} + +.ulClass { + margin-top: 100px; +} + +.namesClass { + color: rgb(190, 190, 190); +} + +/* This class is used for styling : list of employees */ +ul li { + list-style-type: none; + display: inline; + margin-left: 30px; + padding: 44px; + overflow: hidden; +} + +/* This id is used for styling : block that invites the user to upload meme */ +#uploadMeme { + background: none; + border: 0.5px solid #512b58; + width: 180px; +} + +@media only screen and (max-width: 600px) { + nav { + float: left; + } \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FifthAssignment/uploadMemePage.html b/Student Works/Danilo-R/Assignments/FifthAssignment/uploadMemePage.html new file mode 100644 index 00000000..3737c6f5 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FifthAssignment/uploadMemePage.html @@ -0,0 +1,43 @@ + + + + Upload Meme Page + + + + + + + + +
+

Upload your favorite meme!

+
+
+
+
+
+ Meme info + + + + + + +
+ +
+
+
+ + + + diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/FirstWebpage.html b/Student Works/Danilo-R/Assignments/FirstAssignment/FirstWebpage.html new file mode 100644 index 00000000..5cc4ebfd --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FirstAssignment/FirstWebpage.html @@ -0,0 +1,48 @@ + + + + Main webpage + + + +

The main webpage

+
+ + + +

"Touched by An Angel"

+
+

Author

+

Maya Angelou

+ + + +

Description

+

The poem describes humanity, how while alone we are lonely and don't know what it means to be brave, until first introduced to love.
+ It discusses the effects of love and how to liberate ourselves using it.
+ The poem also shows us the purity of love and how it ultimately frees us.
+ The end reveals the ultimate freedom of love and how we are stronger with it.

+
+ + + +

"Stopping by Woods on a Snowy Evening"

+
+

Author

+

Robert Frost

+ + + +

Description

+

The poem is ever-inviting, yet possesses a dark underlying connotation as well.
+ It narrates the account of one man standing deep in the woods torn between two choices.
+ The woods are immensely thick, dark and stand in all their glory. It intrinsically denotes certain characteristics of the human being.
+ He toys with the unknown, in this case, death, facing beauty in the face of imminent danger and quite possibly, a death wish.

+
+ + +

Commands used

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/FourthWebpage.html b/Student Works/Danilo-R/Assignments/FirstAssignment/FourthWebpage.html new file mode 100644 index 00000000..18e552cf --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FirstAssignment/FourthWebpage.html @@ -0,0 +1,39 @@ + + + + Commands used + + + +

Commands used

+
+ +
+		pwd
+		ls
+		cd Desktop/Computer\Practicum\II/
+		mkdir FirstAssignment
+		ls
+		cd ..
+		mv FirstWebpage.html FirstAssignment
+		mv SecondWebpage.html FirstAssignment
+		mv ThirdWebpage.html FirstAssignment
+		mv FourthWebpage.html FirstAssignment
+		ls
+		mv poemOne_stanzaOne.jpg FirstAssignment
+		mv poemOne_stanzaTwo.jpg FirstAssignment
+		mv poemOne_stanzaThree.jpg FirstAssignment
+		ls
+		mv poemTwo_stanzaOne.jpg FirstAssignment
+		mv poemTwo_stanzaTwo.jpg FirstAssignment
+		mv poemTwo_stanzaThree.jpg FirstAssignment
+		mv poemTwo_stanzaFour.jpg FirstAssignment
+		ls
+		mv touched_by_an_angel.jpg FirstAssignment
+		mv stopping_by_woods_on_a_snowy_evening.jpg FirstAssignment
+		ls
+		cd ..
+	
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/SecondWebpage.html b/Student Works/Danilo-R/Assignments/FirstAssignment/SecondWebpage.html new file mode 100644 index 00000000..9c9ea183 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FirstAssignment/SecondWebpage.html @@ -0,0 +1,49 @@ + + + + Touched by an angel + + + +

"Touched by An Angel"

+

Author

+ +

Maya Angelou

+
+ +

Stanza 1

+ +

We, unaccustomed to courage
+ exiles from delight
+ live coiled in shells of loneliness
+ until love leaves its high holy temple
+ and comes into our sight
+ to liberate us into life

+
+ +

Stanza 2

+ +

Love arrives
+ and in its train come ecstasies
+ old memories of pleasure
+ ancient histories of pain.
+ Yet if we are bold,
+ love strikes away the chains of fear
+ from our souls.

+
+ +

Stanza 3

+ +

We are weaned from our timidity
+ In the flush of love's light
+ we dare be brave
+ And suddenly we see
+ that love costs all we are
+ and will ever be.
+ Yet it is only love
+ which sets us free.

+
+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/ThirdWebpage.html b/Student Works/Danilo-R/Assignments/FirstAssignment/ThirdWebpage.html new file mode 100644 index 00000000..81309de1 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FirstAssignment/ThirdWebpage.html @@ -0,0 +1,48 @@ + + + + Stopping by woods on a snowy evening + + + +

"Stopping by woods on a snowy evening"

+

Author

+ +

Robert Frost

+
+ +

Stanza 1

+ +

Whose woods these are I think I know.
+ His house is in the village though;
+ He will not see me stopping here
+ To watch his woods fill up with snow.

+
+ +

Stanza 2

+ +

My little horse must think it queer
+ To stop without a farmhouse near
+ Between the woods and frozen lake
+ The darkest evening of the year.

+
+ +

Stanza 3

+ +

He gives his harness bells a shake
+ To ask if there is some mistake.
+ The only other sounds's the sweep
+ Of easy wind and downy flake.

+
+ +

Stanza 4

+ +

The woods are lovely, dark and deep,
+ But I have promises to keep,
+ And miles to go before I sleep,
+ And miles to go before I Sleep.

+
+
+ + + diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaOne.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaOne.jpg new file mode 100644 index 00000000..47795661 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaOne.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaThree.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaThree.jpg new file mode 100644 index 00000000..0787033c Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaThree.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaTwo.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaTwo.jpg new file mode 100644 index 00000000..30b48002 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemOne_stanzaTwo.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaFour.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaFour.jpg new file mode 100644 index 00000000..77110be5 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaFour.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaOne.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaOne.jpg new file mode 100644 index 00000000..fc070de7 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaOne.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaThree.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaThree.jpg new file mode 100644 index 00000000..1351002a Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaThree.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaTwo.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaTwo.jpg new file mode 100644 index 00000000..8cf00382 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/poemTwo_stanzaTwo.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/stopping_by_woods_on_a_snowy_evening.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/stopping_by_woods_on_a_snowy_evening.jpg new file mode 100644 index 00000000..b124a353 Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/stopping_by_woods_on_a_snowy_evening.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FirstAssignment/touched_by_an_angel.jpg b/Student Works/Danilo-R/Assignments/FirstAssignment/touched_by_an_angel.jpg new file mode 100644 index 00000000..068ef41c Binary files /dev/null and b/Student Works/Danilo-R/Assignments/FirstAssignment/touched_by_an_angel.jpg differ diff --git a/Student Works/Danilo-R/Assignments/FourthAssignment/homePage.html b/Student Works/Danilo-R/Assignments/FourthAssignment/homePage.html new file mode 100644 index 00000000..2a445da1 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FourthAssignment/homePage.html @@ -0,0 +1,80 @@ + + + + Home Page + + + + + + + +
+

Welcome to the website dedicated to memes!

+

Upload your favorite memes, and don't forget
to rate our 'top 3' collection.

+ +
+

You can also upload memes by pressing here

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FourthAssignment/rateMemePage.html b/Student Works/Danilo-R/Assignments/FourthAssignment/rateMemePage.html new file mode 100644 index 00000000..9175f5e4 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FourthAssignment/rateMemePage.html @@ -0,0 +1,197 @@ + + + + Rate Meme Page + + + + + + + +
+

Rate the memes from our collection!

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and DescriptionMeme Rating
Carefully, He's a HeroMeme rate: 4.7/5
"Carefully He's a Hero" is an image macro featuring a screenshot from the 2004 superhero film Spider-Man 2 that includes the line as a subtitle. Online, people use a screenshot of the scene in which the line is said to make jokes about paying tribute for absurd or humorous actions. On June 30th, 2004, the film Spider-Man 2 was released in the United States. In the film, the character Spider-Man (portrayed by Tobey MacGuire) passes out while using his physical strength to stop a runaway train.

Rate this meme


+ + + + + +
I've Never Met This Man in My LifeMeme rate: 3.9/5
"I've Never Met This Man In My Life" refers to a memorable quote uttered by the character Loki in the 2017 Marvel superhero film Thor: Ragnarok. A screenshot of Loki saying the line has since been used online as a reaction image macro to express willful ignorance. On October 21st, 2017, YouTube channel First Trailer uploaded an "extended clip" of the then-upcoming Marvel superhero film "Thor: Ragnarok".

Rate this meme


+ + + + + +
Woman Yelling at a CatMeme rate: 5/5
"Woman Yelling at a Cat" refers to a meme format featuring a screen cap of The Real Housewives of Beverly Hills cast members Taylor Armstrong and Kyle Richards followed by a picture of a confused-looking cat sitting behind a dinner plate. The format gained significant popularity across the web in mid-June 2019 and the cat was later identified as Smudge the Cat.

Rate this meme


+ + + + + +
Tom Reading The NewspaperMeme rate: 4.3/5
"Tom Reading The Newspaper" refers to an image of Tom from Tom and Jerry looking up from a newspaper with a suspicious expression on his face. The image is often paired with captions indicating a confusing, potentially tragic scenario which would cause Tom to look up from his paper. The image has also been edited as an exploitable wherein what Tom is reading is changed. The image comes from the 1956 episode of Tom and Jerry, "Down Beat Bear."

Rate this meme


+ + + + + +
Mike Wazowski Explaining ThingsMeme rate: 5/5
"Mike Wazowski Explaining Things" refers to a still image from 2001 video game Monsters Inc: Wreck Room Arcade in which character Mike Wazowski is shown complaining in front of characters Sulley and Roz. Online, the image has been circulated as an object-labeling meme, usually to illustrates situations in which someone is attempting to explain something.

Rate this meme


+ + + + + +
+
+
+ + + diff --git a/Student Works/Danilo-R/Assignments/FourthAssignment/receivedSubmissionPage.html b/Student Works/Danilo-R/Assignments/FourthAssignment/receivedSubmissionPage.html new file mode 100644 index 00000000..ae1380a8 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FourthAssignment/receivedSubmissionPage.html @@ -0,0 +1,65 @@ + + + + Received Submission Page + + + + + + + + + +
+

Your submission is received.

+

However, the 'PHP' part of the assignment hasn't been implemented yet.

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/FourthAssignment/registerAccountPage.html b/Student Works/Danilo-R/Assignments/FourthAssignment/registerAccountPage.html new file mode 100644 index 00000000..7de45430 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FourthAssignment/registerAccountPage.html @@ -0,0 +1,120 @@ + + + + Register Account Page + + + + + + + + +
+
+
+ Personal info +
+ + + + + + + + +
+ + + + +
+ +
+ Profile info +
+ + + + + + + + + + +
+ +
+ Other info +
+ + + + +
+
+
+
+ +
+
+
+ + + diff --git a/Student Works/Danilo-R/Assignments/FourthAssignment/uploadMemePage.html b/Student Works/Danilo-R/Assignments/FourthAssignment/uploadMemePage.html new file mode 100644 index 00000000..a01b86ad --- /dev/null +++ b/Student Works/Danilo-R/Assignments/FourthAssignment/uploadMemePage.html @@ -0,0 +1,128 @@ + + + + Upload Meme Page + + + + + + + +
+

Upload your favorite meme!

+
+
+
+
+
+ Meme info + + + + + + +
+ +
+
+
+ + + diff --git a/Student Works/Danilo-R/Assignments/NinthAssignment/numbersGame.html b/Student Works/Danilo-R/Assignments/NinthAssignment/numbersGame.html new file mode 100644 index 00000000..e9b49437 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/NinthAssignment/numbersGame.html @@ -0,0 +1,104 @@ + + + + + + Collect + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ +
Collect: 733Current sum: 0
+ + + + + diff --git a/Student Works/Danilo-R/Assignments/SecondAssignment/tributeWebpage.html b/Student Works/Danilo-R/Assignments/SecondAssignment/tributeWebpage.html new file mode 100644 index 00000000..b87918a5 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/SecondAssignment/tributeWebpage.html @@ -0,0 +1,170 @@ + + + + + A tribute to Walt Disney + + + + + +
+
+

Walt Disney

+

The man behind the magic

+
+
+ + + +
+ Walt Disney drawing Steam Boat Willie +
Walt Disney drawing Steamboat Willie
+
+ +
+

The timeline of Walt Disney's life:

+ + + +
Around here, we don't look backwards for very long ... We keep moving forward, opening up new doors and doing new things because we're curious... and curiosity keeps leading us down new paths.

-- Walt Disney
+ +
+
+ + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/SeventhAssignment/colors.html b/Student Works/Danilo-R/Assignments/SeventhAssignment/colors.html new file mode 100644 index 00000000..2610b973 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/SeventhAssignment/colors.html @@ -0,0 +1,41 @@ + + + + Colors + + + + + + + +
+ + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/ThirdAssignment/gallery.html b/Student Works/Danilo-R/Assignments/ThirdAssignment/gallery.html new file mode 100644 index 00000000..269f56f3 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/ThirdAssignment/gallery.html @@ -0,0 +1,144 @@ + + + + Gallery + + + + + + +
+ +
+
+

Browse Memes

+
+

Check out the descriptions of each meme below

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Carefully, He's a Hero
"Carefully He's a Hero" is an image macro featuring a screenshot from the 2004 superhero film Spider-Man 2 that includes the line as a subtitle. Online, people use a screenshot of the scene in which the line is said to make jokes about paying tribute for absurd or humorous actions. On June 30th, 2004, the film Spider-Man 2 was released in the United States. In the film, the character Spider-Man (portrayed by Tobey MacGuire) passes out while using his physical strength to stop a runaway train.
I've Never Met This Man in My Life
"I've Never Met This Man In My Life" refers to a memorable quote uttered by the character Loki in the 2017 Marvel superhero film Thor: Ragnarok. A screenshot of Loki saying the line has since been used online as a reaction image macro to express willful ignorance. On October 21st, 2017, YouTube channel First Trailer uploaded an "extended clip" of the then-upcoming Marvel superhero film "Thor: Ragnarok".
Woman Yelling at a Cat
"Woman Yelling at a Cat" refers to a meme format featuring a screen cap of The Real Housewives of Beverly Hills cast members Taylor Armstrong and Kyle Richards followed by a picture of a confused-looking cat sitting behind a dinner plate. The format gained significant popularity across the web in mid-June 2019 and the cat was later identified as Smudge the Cat.
Tom Reading The Newspaper
"Tom Reading The Newspaper" refers to an image of Tom from Tom and Jerry looking up from a newspaper with a suspicious expression on his face. The image is often paired with captions indicating a confusing, potentially tragic scenario which would cause Tom to look up from his paper. The image has also been edited as an exploitable wherein what Tom is reading is changed. The image comes from the 1956 episode of Tom and Jerry, "Down Beat Bear."
Mike Wazowski Explaining Things
"Mike Wazowski Explaining Things" refers to a still image from 2001 video game Monsters Inc: Wreck Room Arcade in which character Mike Wazowski is shown complaining in front of characters Sulley and Roz. Online, the image has been circulated as an object-labeling meme, usually to illustrates situations in which someone is attempting to explain something.
+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Assignments/ThirdAssignment/homepage.html b/Student Works/Danilo-R/Assignments/ThirdAssignment/homepage.html new file mode 100644 index 00000000..91edbd83 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/ThirdAssignment/homepage.html @@ -0,0 +1,96 @@ + + + + Homepage + + + + + + +
+ +
+
+

Meme Gallery

+
+

The largest collection of memes in the interwebs

+

In this site, we allow you check out the different memes that have been featured across history. +

+ To know more about memes, click What are memes? +
+ To see the memes, check out Gallery.

+
+

© Danilo Radonjic

+
+
+
+ + + + + diff --git a/Student Works/Danilo-R/Assignments/ThirdAssignment/terminalCommands.txt b/Student Works/Danilo-R/Assignments/ThirdAssignment/terminalCommands.txt new file mode 100644 index 00000000..246ce1fa --- /dev/null +++ b/Student Works/Danilo-R/Assignments/ThirdAssignment/terminalCommands.txt @@ -0,0 +1,18 @@ +pwd +ls +cd Desktop/ +ls +mkdir ThirdAssignment +touch homepage +mv homepage homepage.html +mv homepage.html ThirdAssignment +touch whatAreMemes +mv whatAreMemes whatAreMemes.html +mv whatAreMemes.html ThirdAssignment +touch gallery +mv gallery gallery.html +mv gallery.html ThirdAssignment +ls + +Some of the commands I would have been using in terminal. +I apologize for not doing so, since this assignment has been done not on class PC, but on my laptop (which does not have Ubuntu). diff --git a/Student Works/Danilo-R/Assignments/ThirdAssignment/whatAreMemes.html b/Student Works/Danilo-R/Assignments/ThirdAssignment/whatAreMemes.html new file mode 100644 index 00000000..90577507 --- /dev/null +++ b/Student Works/Danilo-R/Assignments/ThirdAssignment/whatAreMemes.html @@ -0,0 +1,82 @@ + + + + What are memes? + + + + + + +
+ +
+
+

What are memes?

+
+

A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culturea€, often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or others imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through teh behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make misunderstanding of the original proposal. The word meme is a neologism coined by Richard Dawkins. It originated from Dawkin's 1975 book "The Selfish not just metaphorically" and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler.

+
+

© Danilo Radonjic

+
+
+
+ + + + + diff --git a/Student Works/Danilo-R/Current Work/NodeJs/404.jpg b/Student Works/Danilo-R/Current Work/NodeJs/404.jpg new file mode 100644 index 00000000..7bac584d Binary files /dev/null and b/Student Works/Danilo-R/Current Work/NodeJs/404.jpg differ diff --git a/Student Works/Danilo-R/Current Work/NodeJs/datemodule.js b/Student Works/Danilo-R/Current Work/NodeJs/datemodule.js new file mode 100644 index 00000000..51cc17fa --- /dev/null +++ b/Student Works/Danilo-R/Current Work/NodeJs/datemodule.js @@ -0,0 +1,3 @@ +exports.myDateTime = function(){ + return Date(); +} \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/NodeJs/first.js b/Student Works/Danilo-R/Current Work/NodeJs/first.js new file mode 100644 index 00000000..8ec4ad27 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/NodeJs/first.js @@ -0,0 +1,21 @@ +var http = require('http'); +var url = require('url'); +var fs = require('fs'); + +// this method basically requires an URL +// if the URL (uniform resource locator) is empty, it will say undefined + +http.createServer( function(req, res){ + var q = url.parse(req.url, true); + var filename = "." + q.pathname; + // filename = pageOne.html + fs.readFile(filename, function(err, data){ + if(err) { + res.writeHead(404, {'Content-Type': 'text/html'}); + return res.end('404 Not Found! Blah Blah'); + } + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); + }); +}).listen(8080); diff --git a/Student Works/Danilo-R/Current Work/NodeJs/openChat.js b/Student Works/Danilo-R/Current Work/NodeJs/openChat.js new file mode 100644 index 00000000..2e23586b --- /dev/null +++ b/Student Works/Danilo-R/Current Work/NodeJs/openChat.js @@ -0,0 +1,102 @@ +var http = require('http'); +var url = require('url'); + +/* I have this function and node.js will call this function +if I want to write or add content in my html page */ +function formatAsHtml(content) { + var output = + "\n" + + "\n" + + "\n" + + "\n" + + "My Chit Chat\n" + + "\n" + + "\n" + + content + "\n" + + "\n" + + ""; + return output; +} // end function 'formatAsHtml' +/* function formatAsHtml receives content as a parameter and +this function aadds content into HTML code */ + + +// we will be using an array of messages for the chat +var messages = []; + + +/* this function will receive the requests from the client +and will display the response from the server */ +function handleRequest(request, response) { + var urlData = url.parse(request.url, true); + var parameters = urlData.query; + + // begin 'if chat.html' + if (urlData.pathname = "/chat.html") { + response.writeHead(200, {'Content-Type': 'text/html'}); + + // begin 'if check nickname' + if (parameters.nick == undefined || parameters.nick == "") { + console.log("User has no nickname. Getting nickname now from the user ..."); + var page = + "
\n" + + "
Nickname:
" + + "
 
\n" + + "
"; + // HTML code in page is sent and added as content to formatAsHtml + response.end(formatAsHtml(page)); + } // end 'if check nickname' + // begin 'else check nickname' + else { + console.log("User is already registered. Message sending can now begin"); + // begin 'if check message empty' + if (parameters.msg !== undefined && parameters.msg !== "") + messages.push(parameters.nick + ": " + parameters.msg); + + var page = ""; + // we need to display the latest message sent in the array to the page + // check if length is by 20 messages + for (var i = messages.length; i < 20; i++) + // this code creates the next space between messages + page += "
 
\n"; + var startIndex = 0; + if (messages.length > 20) + startIndex = messages.length - 20; + + for (var i = startIndex; i < messages.length; i++) + // iterate through the array to show messages sent + page += "
" + messages[i] + "
\n"; + // keep asking the user for more messages + page += + "
\n" + + "\n" + + "
Message:  " + + "
\n" + + "
\n" + + "
Log out
"; + // send page to format so it will be displayed + response.end(formatAsHtml(page)); + console.log("message sent by " + parameters.nick); + } // end 'else check nickname' + + } // end 'if chat.html' + // begin 'else chat.html' + else { + response.writeHead(400, {'Content-Type': 'text/html'}); + response.write(formatAsHtml("
Page not here bruh
")); + response.end(); + } // end 'else chat.html' + +} // end function 'handleRequest' + +// server calls function 'handleRequest' +// to make it look elegant, we define handleRequest outside, before createServer +var server = http.createServer(handleRequest); +server.listen(8080); +console.log("Ahoy! Server is up at port 8080. Beep beep!"); + + + + + + diff --git a/Student Works/Danilo-R/Current Work/NodeJs/pageOne.html b/Student Works/Danilo-R/Current Work/NodeJs/pageOne.html new file mode 100644 index 00000000..ce365964 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/NodeJs/pageOne.html @@ -0,0 +1,12 @@ + + + + This is a Meme Page + + + +

This is a meme

+ + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/BeVolunteer.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/BeVolunteer.html new file mode 100644 index 00000000..0c4486c9 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/BeVolunteer.html @@ -0,0 +1,45 @@ + + + + Be volunteer + + + + + +
+

Be Volunteer

+
+ +
+ + +
+

Please, fill the form below to become volunteer

+ +
+
+

+
+

+
+

+
+

+ +
+
+
+ +
+

© Copyright 9GAG.com

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIF.css b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIF.css new file mode 100644 index 00000000..1ab1e1f3 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIF.css @@ -0,0 +1,112 @@ +* { + box-shadow: border-box; + font-family: Abel; +} + +body { + background-color: white; +} + +header { + padding: 40px; + background-color: #401f68; + color: white; + text-align: center; +} + +h1 { + letter-spacing: 15px; + word-spacing: 20px; + line-height: 40px; +} + +h2 { + text-decoration: underline; +} + +h3 { + padding: 20px; + color: #716c6b; +} + +nav { + float: left; + width: 25%; + text-align: center; +} + +a { + color: #401f68; + text-decoration: none; +} + +a:hover { + color: white; +} + +ul { + list-style-image: url("https://phoneky.co.uk/thumbs/screensavers/down/abstract/poring_rbjz4fhl.gif"); + background-color: white; + border: 2px solid #401f68; + padding: 0; + padding-bottom: 20px; + list-style-position: inside; + font-size: 26px; + overflow: auto; + cursor: pointer; +} + +li a { + display: block; +} + +li a:hover { + background-color: #401f68; +} + +article { + float: left; + width: 75%; + text-align: center; +} + +img:hover { + cursor: pointer; + opacity: 0.5; +} + +section:after { + content: ""; + display: table; + clear: both; +} + +footer { + background-color: #b6acd1; + color: #342f2e; + text-align: center; + padding: 20px; +} + +input { + border: 1px solid #716c6b; +} + +#submit { + background-color: #4e2a84; + color: white; + border: none; + width: 160px; + padding: 16px; + font-size: 16px; +} + +#submit:hover { + background-color: white; + color: #4e2a84; + border: 2px solid #4e2a84; + transition-duration: 0.5s; +} + + + diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIFofTheDay.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIFofTheDay.html new file mode 100644 index 00000000..859ee117 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/GIFofTheDay.html @@ -0,0 +1,39 @@ + + + + GIF of the day + + + + + +
+

The GIF of the day

+
+ +
+ + +
+

+

+

+
MRW I walk into work super ready then realize I didn't put a belt on.
+
+

+

GIF uploaded by: @User

+
+
+ +
+

© Copyright 9GAG.com

+
+ + + diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/pageGIF.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/pageGIF.html new file mode 100644 index 00000000..0b1ade7f --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#2/pageGIF.html @@ -0,0 +1,91 @@ + + + + GIFS Galore + + + + + +
+

The best GIFs of this millenia

+

Showing you the best that have changed history

+
+ +
+ + +
+

+
+				We're no strangers to love
+				You know the rules and so do I
+				A full commitment's what I'm thinking of
+				You wouldn't get this from any other guy
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				And if you ask me how I'm feeling
+				Don't tell me you're too blind to see
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give, never gonna give
+				(Give you up)
+				(Ooh) Never gonna give, never gonna give
+				(Give you up)
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+
+
+ +
+

© Copyright 9GAG.com

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/orange.css b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/orange.css new file mode 100644 index 00000000..34223021 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/orange.css @@ -0,0 +1,154 @@ +body{ + background-color: rgb(200, 200, 200); +} + +header { + background-color: #d3af37; + color: whitesmoke; + padding: 30px; + text-align: center; + font-family: sans-serif; +} + +section { + float: center; + display: block; + margin-left: auto; + margin-right: auto; +} + +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + overflow: hidden; + position: fixed; + bottom: 0; +} + +li { + float: left; +} + +li a, .dropbtn { + display: inline-block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +li a:hover, .dropdown:hover .dropbtn { + background-color: hotpink; +} + +li.dropdown { + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.dropdown-content a:hover {background-color: #f1f1f1;} + +.dropdown:hover .dropdown-content { + display: block; +} + +div.gallery{ + margin: 5px; + border: 1px solid #ccc; + float: left; + width: 180px; +} + +div.gallery:hover{ + border: 1px solid #777; +} + +div.gallery img{ + width: 100%; + height: auto; +} + +div.desc{ + padding: 15px; + text-align: center; +} + +input[type=text] { + padding: 12px 20px; + margin: 8px 0; + border-bottom: 2px solid blue; + box-sizing: border-box; + background-color: #3cbc8d; + color: white; + transition: width 0.4s ease-in-out; +} + +input[type=text]:focus { + background-color: white; + color: black; + width: 100%; +} + +.divHeight { + height: 200px; + background-color: #ffff00; + margin-left: 100px; +} + +.professional { + color: #ffa500; + border: 1px solid #de8113; + font-family: times; +} + +.professionalVol2 { + background-color: #0000ff; + color: #ff0000; + padding: 50px; + font-size: 30px; +} + +button { + background-color: yellow; + color: lightgreen; + border: 5px solid olive; + display: block; + margin-left: auto; + margin-right: auto; + width: 300px; + margin-top: 20px; + height: 60px; + font-family: times; + font-size: 26px; +} + + + + + + + + + + + + diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagea.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagea.html new file mode 100644 index 00000000..366d36d4 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagea.html @@ -0,0 +1,40 @@ + + + + Home + + + + +
+

Welcome!

+
+
+ + +
+
+

I am professional typography designer, mastered in color matching.

+

Despite being top freelancer nowdays, I am available and willing to help your website be seen!

+
+ + +
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pageb.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pageb.html new file mode 100644 index 00000000..7481ee8b --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pageb.html @@ -0,0 +1,43 @@ + + + + Gallery + + + +
+

Welcome!

+
+
+ +
+ + + +
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagec.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagec.html new file mode 100644 index 00000000..70179404 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/pagec.html @@ -0,0 +1,36 @@ + + + + Contact + + + + +
+

Welcome!

+
+
+ +
+
+ +
+ + +
+ +
+
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/paged.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/paged.html new file mode 100644 index 00000000..de441d28 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#3/paged.html @@ -0,0 +1,25 @@ + + + + About + + + + +
+

Welcome!

+
+
+ + +
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/harold.jpg b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/harold.jpg new file mode 100644 index 00000000..2d2e595f Binary files /dev/null and b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/harold.jpg differ diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pageA.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pageA.html new file mode 100644 index 00000000..434ab108 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pageA.html @@ -0,0 +1,46 @@ + + + + My first time with JavaScript + + + + +
+

My First Time with JavaScript

+ +
+
+
+ +
+
+

© Copyright 2020 - Computer Practicum II course.

+
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pedobear.jpg b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pedobear.jpg new file mode 100644 index 00000000..3ccae5c5 Binary files /dev/null and b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/pedobear.jpg differ diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/style.css b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/style.css new file mode 100644 index 00000000..3f4c0e7e --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#4/style.css @@ -0,0 +1,28 @@ + * { + font-family: Roboto; +} + +header { + background-color: #AAB2BD; + color: white; + text-align: center; + padding: 50px; +} + +.blank { + height: 60px; + background-color: #CCD1D9; + width: 100%; +} + +article { + text-align: center; + color: #AAB2BD; +} + +footer { + padding: 20px; + text-align: center; + border-top: 2px solid #AAB2BD; + color: #AAB2BD; +} diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/noButton.png b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/noButton.png new file mode 100644 index 00000000..ce01c008 Binary files /dev/null and b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/noButton.png differ diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/pageA.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/pageA.html new file mode 100644 index 00000000..5bca11b0 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/pageA.html @@ -0,0 +1,85 @@ + + + + Make a Choice! + + + + + + +
+
+ +
+
+ +
+

+ +

+

+ + + + + + +
Sequence No.ChoiceEvent
+

+ + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/strugglingMan.png b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/strugglingMan.png new file mode 100644 index 00000000..39180b9a Binary files /dev/null and b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/strugglingMan.png differ diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/yesButton.png b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/yesButton.png new file mode 100644 index 00000000..3e5c0504 Binary files /dev/null and b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment#5/yesButton.png differ diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/firstPage.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/firstPage.html new file mode 100644 index 00000000..0837964b --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/firstPage.html @@ -0,0 +1,187 @@ + + + + First page + + + + + + + +
+
+ + + + + +
+ +
+
+
+
+ Meal Choice +

What do you like to eat?

+ + +
+ + +
+ + +
+
+
+ Favourite Color +

What is your favourite color?

+ + +


+
+
+ + +
+

Why do you want to join?

+ + + +
+

Upload Your CV

+ + +
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/secondPage.html b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/secondPage.html new file mode 100644 index 00000000..89ccbfd8 --- /dev/null +++ b/Student Works/Danilo-R/Current Work/OnlineSessionAssignment/secondPage.html @@ -0,0 +1,12 @@ + + + + Second page + + + + + Teddiursa + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Project.zip b/Student Works/Danilo-R/Project.zip new file mode 100644 index 00000000..bc43b059 Binary files /dev/null and b/Student Works/Danilo-R/Project.zip differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Atomium.jpg b/Student Works/Danilo-R/Project/Project/Images/Atomium.jpg new file mode 100644 index 00000000..8d2f4879 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Atomium.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Back-of-the-card.jpg b/Student Works/Danilo-R/Project/Project/Images/Back-of-the-card.jpg new file mode 100644 index 00000000..46758f5f Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Back-of-the-card.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Belem-Tower.jpg b/Student Works/Danilo-R/Project/Project/Images/Belem-Tower.jpg new file mode 100644 index 00000000..3cc43859 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Belem-Tower.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Big-Ben.jpg b/Student Works/Danilo-R/Project/Project/Images/Big-Ben.jpg new file mode 100644 index 00000000..557b9739 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Big-Ben.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Brandenburg-Gate.jpg b/Student Works/Danilo-R/Project/Project/Images/Brandenburg-Gate.jpg new file mode 100644 index 00000000..370a8a42 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Brandenburg-Gate.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Eiffel-Tower.jpg b/Student Works/Danilo-R/Project/Project/Images/Eiffel-Tower.jpg new file mode 100644 index 00000000..fe7ec46b Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Eiffel-Tower.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Leaning-Tower-of-Pisa.jpg b/Student Works/Danilo-R/Project/Project/Images/Leaning-Tower-of-Pisa.jpg new file mode 100644 index 00000000..a366a9b4 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Leaning-Tower-of-Pisa.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Sagrada-Familia.jpg b/Student Works/Danilo-R/Project/Project/Images/Sagrada-Familia.jpg new file mode 100644 index 00000000..0631760f Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Sagrada-Familia.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Tower-of-Ejer-Bavnehoj.jpg b/Student Works/Danilo-R/Project/Project/Images/Tower-of-Ejer-Bavnehoj.jpg new file mode 100644 index 00000000..830a379a Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Tower-of-Ejer-Bavnehoj.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/Walled-Obelisk.jpg b/Student Works/Danilo-R/Project/Project/Images/Walled-Obelisk.jpg new file mode 100644 index 00000000..9517f4a5 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/Walled-Obelisk.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Images/White-Tower-of-Thessaloniki.jpg b/Student Works/Danilo-R/Project/Project/Images/White-Tower-of-Thessaloniki.jpg new file mode 100644 index 00000000..f116e9c3 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Images/White-Tower-of-Thessaloniki.jpg differ diff --git a/Student Works/Danilo-R/Project/Project/Project.html b/Student Works/Danilo-R/Project/Project/Project.html new file mode 100644 index 00000000..e0ee218f --- /dev/null +++ b/Student Works/Danilo-R/Project/Project/Project.html @@ -0,0 +1,605 @@ + + + + + Memory Game - Explore + + + + + + + + + +
+ +

Memory Game - Explore

+ +

Match the pair of cards. Inspired by European remarkable monuments!

+ +
+ + + + +
+ + +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + +
+

Congratulations!

+

+

+ + +

(Highest: )

+ +
+
+ + +
+ +

For better experience, use headphones

+
+ + + + + \ No newline at end of file diff --git a/Student Works/Danilo-R/Project/Project/Sound-effects/Click.mp3 b/Student Works/Danilo-R/Project/Project/Sound-effects/Click.mp3 new file mode 100644 index 00000000..da1144a5 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Sound-effects/Click.mp3 differ diff --git a/Student Works/Danilo-R/Project/Project/Sound-effects/Correct.mp3 b/Student Works/Danilo-R/Project/Project/Sound-effects/Correct.mp3 new file mode 100644 index 00000000..48e4aeb6 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Sound-effects/Correct.mp3 differ diff --git a/Student Works/Danilo-R/Project/Project/Sound-effects/Incorrect.mp3 b/Student Works/Danilo-R/Project/Project/Sound-effects/Incorrect.mp3 new file mode 100644 index 00000000..c969f851 Binary files /dev/null and b/Student Works/Danilo-R/Project/Project/Sound-effects/Incorrect.mp3 differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/Commands.html b/Student Works/MMF95/Assignments/Assignment 1/Commands.html new file mode 100644 index 00000000..750bc360 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/Commands.html @@ -0,0 +1,7 @@ +mkdir headers +cd Desktop +ls +rm r +cd image +mv pic 1 original.jpg + diff --git a/Student Works/MMF95/Assignments/Assignment 1/Commands.txt b/Student Works/MMF95/Assignments/Assignment 1/Commands.txt new file mode 100644 index 00000000..750bc360 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/Commands.txt @@ -0,0 +1,7 @@ +mkdir headers +cd Desktop +ls +rm r +cd image +mv pic 1 original.jpg + diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/lovers.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/lovers.jpg.jpg new file mode 100644 index 00000000..356e35ea Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/lovers.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/phonix.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/phonix.jpg.jpg new file mode 100644 index 00000000..c1c9cc3f Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/phonix.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic 4.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic 4.jpg.jpg new file mode 100644 index 00000000..783ed98f Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic 4.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic 5.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic 5.jpg.jpg new file mode 100644 index 00000000..0e68838d Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic 5.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic 6.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic 6.jpg.jpg new file mode 100644 index 00000000..6b478b5f Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic 6.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic 7.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic 7.jpg.jpg new file mode 100644 index 00000000..a9730347 Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic 7.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic 8.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic 8.jpg.jpg new file mode 100644 index 00000000..7db60524 Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic 8.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic1.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic1.jpg.jpg new file mode 100644 index 00000000..69368cf3 Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic1.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic2.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic2.jpg.jpg new file mode 100644 index 00000000..edecdacd Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic2.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/image/pic3.jpg.jpg b/Student Works/MMF95/Assignments/Assignment 1/image/pic3.jpg.jpg new file mode 100644 index 00000000..e84713fd Binary files /dev/null and b/Student Works/MMF95/Assignments/Assignment 1/image/pic3.jpg.jpg differ diff --git a/Student Works/MMF95/Assignments/Assignment 1/index.html b/Student Works/MMF95/Assignments/Assignment 1/index.html new file mode 100644 index 00000000..d14b6efc --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/index.html @@ -0,0 +1,36 @@ + + + + 1st assingment + + + +

Poems

+
+

A Lover's Complaint

+

Author: William Shakespeare

+

Description:
+ There should be a foto of lovers  complaint + A Lovers Complaint" is an example of the female-voiced complaint, that is frequently appended to sonnet sequences + The poem begins with a description of a young woman weeping at the edge of a river, into which she throws torn-up letters, rings, and other tokens of love. An old man nearby approaches the woman and asks the reason for her sorrow. She responds by telling him of a former lover who pursued, seduced, and finally abandoned her. She recounts in detail the speech her lover gave to her which seduced her.
+ + + +


+ + + + +

+

The Phoenix and the Turtle

+

Author: William Shakespeare

+

Description:
+ There should be an image of the phoenix and the Turtle + The Phoenix and the Turtle is an allegorical poem about the death of ideal love by William Shakespeare. It is widely considered to be one of his most obscure works and has led to many conflicting interpretations.It has also been called "the first great published metaphysical poem".The title "The Phoenix and the Turtle" is a conventional label. As published, the poem was untitled. The "turtle" is the Turtledove, not the shelled reptile.
+ + +


+ Commands used +

+ + \ No newline at end of file diff --git a/Student Works/MMF95/Assignments/Assignment 1/index.txt b/Student Works/MMF95/Assignments/Assignment 1/index.txt new file mode 100644 index 00000000..d14b6efc --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/index.txt @@ -0,0 +1,36 @@ + + + + 1st assingment + + + +

Poems

+
+

A Lover's Complaint

+

Author: William Shakespeare

+

Description:
+ There should be a foto of lovers  complaint + A Lovers Complaint" is an example of the female-voiced complaint, that is frequently appended to sonnet sequences + The poem begins with a description of a young woman weeping at the edge of a river, into which she throws torn-up letters, rings, and other tokens of love. An old man nearby approaches the woman and asks the reason for her sorrow. She responds by telling him of a former lover who pursued, seduced, and finally abandoned her. She recounts in detail the speech her lover gave to her which seduced her.
+ + + +


+ + + + +

+

The Phoenix and the Turtle

+

Author: William Shakespeare

+

Description:
+ There should be an image of the phoenix and the Turtle + The Phoenix and the Turtle is an allegorical poem about the death of ideal love by William Shakespeare. It is widely considered to be one of his most obscure works and has led to many conflicting interpretations.It has also been called "the first great published metaphysical poem".The title "The Phoenix and the Turtle" is a conventional label. As published, the poem was untitled. The "turtle" is the Turtledove, not the shelled reptile.
+ + +


+ Commands used +

+ + \ No newline at end of file diff --git a/Student Works/MMF95/Assignments/Assignment 1/poem 1.html b/Student Works/MMF95/Assignments/Assignment 1/poem 1.html new file mode 100644 index 00000000..0b61a9b5 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/poem 1.html @@ -0,0 +1,114 @@ + + + + A Lover's Complaint + + +

A Lover's Complaint

+ + +

Author:

+

Author: William Shakespeare

+

+ + +

+				From off a hill whose concave womb reworded
+				A plaintful story from a sistering vale,
+				My spirits to attend this double voice accorded,
+				And down I laid to list the sad-tuned tale;
+				Ere long espied a fickle maid full pale,
+				Tearing of papers, breaking rings a-twain,
+				Storming her world with sorrow's wind and rain.	
+
+

+ +

+ + +


+ + + +
+				Upon her head a platted hive of straw,
+				Which fortified her visage from the sun,
+				Whereon the thought might think sometime it saw
+				The carcass of beauty spent and done:
+				Time had not scythed all that youth begun,
+				Nor youth all quit; but, spite of heaven's fell rage,
+				Some beauty peep'd through lattice of sear'd age.
+
+

+ +

+ + +


+ + + +
+				Often did she heave her napkin to her eyne,
+				Which on it had conceited characters,
+				Laundering the silken figures in the brine
+				That season'd woe had pelleted in tears,
+				And often reading what contents it bears;
+				As often shrieking undistinguish'd woe,
+				In clamours of all size, both high and low.
+
+

+ +

+ + +


+ + + +
+				Sometimes her levell'd eyes their carriage ride,
+				As they did battery to the spheres intend;
+				Sometime diverted their poor balls are tied
+				To the orbed earth; sometimes they do extend
+				Their view right on; anon their gazes lend
+				To every place at once, and, nowhere fix'd,
+				The mind and sight distractedly commix'd.
+
+

+ +

+ +


+ + +
+				Her hair, nor loose nor tied in formal plat,
+				Proclaim'd in her a careless hand of pride
+				For some, untuck'd, descended her sheaved hat,
+				Hanging her pale and pined cheek beside;
+				Some in her threaden fillet still did bide,
+				And true to bondage would not break from thence,
+				Though slackly braided in loose negligence.
+
+ + + + +

+
+ + + + + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 1/poem 1.txt b/Student Works/MMF95/Assignments/Assignment 1/poem 1.txt new file mode 100644 index 00000000..0b61a9b5 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/poem 1.txt @@ -0,0 +1,114 @@ + + + + A Lover's Complaint + + +

A Lover's Complaint

+ + +

Author:

+

Author: William Shakespeare

+

+ + +

+				From off a hill whose concave womb reworded
+				A plaintful story from a sistering vale,
+				My spirits to attend this double voice accorded,
+				And down I laid to list the sad-tuned tale;
+				Ere long espied a fickle maid full pale,
+				Tearing of papers, breaking rings a-twain,
+				Storming her world with sorrow's wind and rain.	
+
+

+ +

+ + +


+ + + +
+				Upon her head a platted hive of straw,
+				Which fortified her visage from the sun,
+				Whereon the thought might think sometime it saw
+				The carcass of beauty spent and done:
+				Time had not scythed all that youth begun,
+				Nor youth all quit; but, spite of heaven's fell rage,
+				Some beauty peep'd through lattice of sear'd age.
+
+

+ +

+ + +


+ + + +
+				Often did she heave her napkin to her eyne,
+				Which on it had conceited characters,
+				Laundering the silken figures in the brine
+				That season'd woe had pelleted in tears,
+				And often reading what contents it bears;
+				As often shrieking undistinguish'd woe,
+				In clamours of all size, both high and low.
+
+

+ +

+ + +


+ + + +
+				Sometimes her levell'd eyes their carriage ride,
+				As they did battery to the spheres intend;
+				Sometime diverted their poor balls are tied
+				To the orbed earth; sometimes they do extend
+				Their view right on; anon their gazes lend
+				To every place at once, and, nowhere fix'd,
+				The mind and sight distractedly commix'd.
+
+

+ +

+ +


+ + +
+				Her hair, nor loose nor tied in formal plat,
+				Proclaim'd in her a careless hand of pride
+				For some, untuck'd, descended her sheaved hat,
+				Hanging her pale and pined cheek beside;
+				Some in her threaden fillet still did bide,
+				And true to bondage would not break from thence,
+				Though slackly braided in loose negligence.
+
+ + + + +

+
+ + + + + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 1/poem 2.html b/Student Works/MMF95/Assignments/Assignment 1/poem 2.html new file mode 100644 index 00000000..ba3ebfef --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/poem 2.html @@ -0,0 +1,102 @@ + + + + + The Phoenix and the Turtle + + +

The Phoenix and the Turtle

+ +

Author:

+

Author: William Shakespeare

+

+ +

+		Let the bird of loudest lay
+		On the sole Arabian tree
+		Herald sad and trumpet be,
+		To whose sound chaste wings obey.
+
+

+ +

+ +


+ + +
+		But thou shrieking harbinger,
+		Foul precurrer of the fiend,
+		Augur of the fever's end,
+		To this troop come thou not near.
+
+

+ +

+ +


+ + +
+		From this session interdict
+		Every fowl of tyrant wing,
+		Save the eagle, feather'd king;
+		Keep the obsequy so strict.
+
+

+ +

+ + +


+ +
+		Let the priest in surplice white,
+		That defunctive music can,
+		Be the death-divining swan,
+		Lest the requiem lack his right.
+
+

+ +

+ + +


+ + + +
+		And thou treble-dated crow,
+		That thy sable gender mak'st
+		With the breath thou giv'st and tak'st,
+		'Mongst our mourners shalt thou go.
+
+

+ +

+ + +


+ + + +
+		Here the anthem doth commence:
+		Love and constancy is dead;
+		Phoenix and the Turtle fled
+		In a mutual flame from hence.
+
+

+
+ + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 1/poem 2.txt b/Student Works/MMF95/Assignments/Assignment 1/poem 2.txt new file mode 100644 index 00000000..ba3ebfef --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 1/poem 2.txt @@ -0,0 +1,102 @@ + + + + + The Phoenix and the Turtle + + +

The Phoenix and the Turtle

+ +

Author:

+

Author: William Shakespeare

+

+ +

+		Let the bird of loudest lay
+		On the sole Arabian tree
+		Herald sad and trumpet be,
+		To whose sound chaste wings obey.
+
+

+ +

+ +


+ + +
+		But thou shrieking harbinger,
+		Foul precurrer of the fiend,
+		Augur of the fever's end,
+		To this troop come thou not near.
+
+

+ +

+ +


+ + +
+		From this session interdict
+		Every fowl of tyrant wing,
+		Save the eagle, feather'd king;
+		Keep the obsequy so strict.
+
+

+ +

+ + +


+ +
+		Let the priest in surplice white,
+		That defunctive music can,
+		Be the death-divining swan,
+		Lest the requiem lack his right.
+
+

+ +

+ + +


+ + + +
+		And thou treble-dated crow,
+		That thy sable gender mak'st
+		With the breath thou giv'st and tak'st,
+		'Mongst our mourners shalt thou go.
+
+

+ +

+ + +


+ + + +
+		Here the anthem doth commence:
+		Love and constancy is dead;
+		Phoenix and the Turtle fled
+		In a mutual flame from hence.
+
+

+
+ + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 2/index.html b/Student Works/MMF95/Assignments/Assignment 2/index.html new file mode 100644 index 00000000..d613f295 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 2/index.html @@ -0,0 +1,50 @@ + + + + Tribute + + + + +
+ + +

Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.

+
+
+

Here's a time line of Dr. Borlaug's life:

+
    +
  • 1914- Born in Cresco, Iowa
  • +
  • 1933- Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"
  • +
  • 1935- Has to stop school and save up the money. Works in the Civilian Conservation Corps, helping starving Americans."I saw how food changed them", he said."All of this left scars on me"
  • +
  • 1937- Finishes university and takes job in the US Forestry Service
  • +
  • 1938- Marries wife of 69 years Margret Gibson. Gets laid of due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants
  • +
  • 1941- Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the militay asked his lab to do work on waterproof glue, DDT to control malaria, disinfectantsm and other applied science.
  • +
  • 1942- Receives a Ph.D. in Genetics and Plant Pathology
  • +
  • 1944- Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
  • +
  • 1945- Discovers a way to grown wheat twice each season, doubling wheat yields
  • +
  • 1953- Crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertalizer. It goes on to provide 95% of Mexico's wheat.
  • +
  • 1962- Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population
  • +
  • 1970- Receives the Nobel Peace Prize
  • +
  • 1983- Helps seven African countries dramatically increase their maize and sorghum yields
  • +
  • 1984- Becomes a distinguished professor at Texas A&M University
  • +
  • 2005- States "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • +
  • 2009- Dies at the age of 95.
  • +

    "Borlaug's life and achievement are testimony to the far-reaching
    contribution that one man's towering intellect, persistence and
    scientific vision can make to human peace and progress."

    +
    Indian Prime Minister Manmohan Singh
    +

    If you have time, you shoud read more about this incredible human beeing on his Wikipedia entry.

    +
+
+ + \ No newline at end of file diff --git a/Student Works/MMF95/Assignments/Assignment 2/index.txt b/Student Works/MMF95/Assignments/Assignment 2/index.txt new file mode 100644 index 00000000..d613f295 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 2/index.txt @@ -0,0 +1,50 @@ + + + + Tribute + + + + +
+ + +

Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.

+
+
+

Here's a time line of Dr. Borlaug's life:

+
    +
  • 1914- Born in Cresco, Iowa
  • +
  • 1933- Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"
  • +
  • 1935- Has to stop school and save up the money. Works in the Civilian Conservation Corps, helping starving Americans."I saw how food changed them", he said."All of this left scars on me"
  • +
  • 1937- Finishes university and takes job in the US Forestry Service
  • +
  • 1938- Marries wife of 69 years Margret Gibson. Gets laid of due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants
  • +
  • 1941- Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the militay asked his lab to do work on waterproof glue, DDT to control malaria, disinfectantsm and other applied science.
  • +
  • 1942- Receives a Ph.D. in Genetics and Plant Pathology
  • +
  • 1944- Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
  • +
  • 1945- Discovers a way to grown wheat twice each season, doubling wheat yields
  • +
  • 1953- Crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertalizer. It goes on to provide 95% of Mexico's wheat.
  • +
  • 1962- Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population
  • +
  • 1970- Receives the Nobel Peace Prize
  • +
  • 1983- Helps seven African countries dramatically increase their maize and sorghum yields
  • +
  • 1984- Becomes a distinguished professor at Texas A&M University
  • +
  • 2005- States "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • +
  • 2009- Dies at the age of 95.
  • +

    "Borlaug's life and achievement are testimony to the far-reaching
    contribution that one man's towering intellect, persistence and
    scientific vision can make to human peace and progress."

    +
    Indian Prime Minister Manmohan Singh
    +

    If you have time, you shoud read more about this incredible human beeing on his Wikipedia entry.

    +
+
+ + \ No newline at end of file diff --git a/Student Works/MMF95/Assignments/Assignment 2/index2.css b/Student Works/MMF95/Assignments/Assignment 2/index2.css new file mode 100644 index 00000000..b2717d9c --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 2/index2.css @@ -0,0 +1,76 @@ +h1 { + text-align: center; + font-family: Sans-serif; + font-weight: bold; +} + +#desc { + text-align: center; + font-family: sans-serif; + padding-bottom: 10px; + margin: 0; + +} + +#menu{ + + background-color: lightgray; + padding-top: 2%; +} + +.table{ + display: table; + margin: 0 auto; +} +#horizontal-list{ + + list-style: none; + padding-top: 0px; + margin: 3px; +} + +#horizontal-list li{ + + display: inline; + margin: 0; +} +#hyperlink1 { + background-color: gray; + color: white; + padding: 10px 35px; + text-align: center; + font-family: sans-serif; + text-decoration: none; + display: inline-block; + margin: 0; +} + +img { + padding-top: 10px; + margin-left: 40px; + width: 867px; + height: 500px; +} +.listpart{ + display: table; + margin: 5 auto; + text-align: center; +} + +#imgdesc { + font-size: 10px; + text-align: center; + margin: 2px; +} + +#listpart{ + text-align: center; +} + +#wiki{ + color: lightseagreen; +} +.menu { + display: table; + margin: 0 auto; +} diff --git a/Student Works/MMF95/Assignments/Assignment 3/gallery.html b/Student Works/MMF95/Assignments/Assignment 3/gallery.html new file mode 100644 index 00000000..ad48877e --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/gallery.html @@ -0,0 +1,258 @@ + + + + + gallery + + + + + + + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
One does not simply"One Does Not Simply Walk into Mordor" (snowclone: "One Does Not Simply X into Mordor") is a memorable quote from the 2001 fantasy epic film Lord of the Rings: The Fellowship of the Ring. Variants of the phrase are often used in image macros featuring Mordor, a fictional location from The Lord of the Rings franchise, or the character Boromir, who originally says the line in the film. + + + +
Is this pigeon?"Is this a pigeon?" is a memorable quote said by the protagonist character from the 1990s Japanese anime TV series The Brave Fighter of Sun Fighbird in a scene wherein the humanoid character erroneously identifies a butterfly as a pigeon. On Tumblr, the quote, along with a reaction image of the scene featuring the English-translated subtitle, is widely used to express utter confusion.

+ + + +
+ + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 3/gallery.txt b/Student Works/MMF95/Assignments/Assignment 3/gallery.txt new file mode 100644 index 00000000..a35556a8 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/gallery.txt @@ -0,0 +1,183 @@ + + + Rate meme + + + + + + + + + + + +
+

Rate meme

+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
One does not simply"One Does Not Simply Walk into Mordor" (snowclone: "One Does Not Simply X into Mordor") is a memorable quote from the 2001 fantasy epic film Lord of the Rings: The Fellowship of the Ring. Variants of the phrase are often used in image macros featuring Mordor, a fictional location from The Lord of the Rings franchise, or the character Boromir, who originally says the line in the film. + + + +
Is this pigeon?"Is this a pigeon?" is a memorable quote said by the protagonist character from the 1990s Japanese anime TV series The Brave Fighter of Sun Fighbird in a scene wherein the humanoid character erroneously identifies a butterfly as a pigeon. On Tumblr, the quote, along with a reaction image of the scene featuring the English-translated subtitle, is widely used to express utter confusion.

+ + + +
+ + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 3/homepage.html b/Student Works/MMF95/Assignments/Assignment 3/homepage.html new file mode 100644 index 00000000..bf981ee7 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/homepage.html @@ -0,0 +1,145 @@ + + + + + Memes Gallery + + + + + + + + + +
+ +
+ +
+ +
+
+

Meme Gallery

+
+ +
+

The largest collection of memes in the interwebs

+

In this site, we allow you check out diferent memes that have been featured accross history.

+

To know more about memes, click What are memes.
+ To see the memes, check out Gallery. +

+
+ +
+

© MMF

+
+
+ +
+ + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 3/homepage.txt b/Student Works/MMF95/Assignments/Assignment 3/homepage.txt new file mode 100644 index 00000000..3511ce5f --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/homepage.txt @@ -0,0 +1,145 @@ + + + + + Memes Gallery + + + + + + + + + +
+ +
+ +
+ +
+
+

Meme Gallery

+
+ +
+

The largest collection of memes in the interwebs

+

In this site, we allow you check out diferent memes that have been featured accross history.

+

To know more about memes, click What are memes.
+ To see the memes, check out Gallery. +

+
+ +
+

© MMF

+
+
+ +
+ + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 3/what.html b/Student Works/MMF95/Assignments/Assignment 3/what.html new file mode 100644 index 00000000..274fc680 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/what.html @@ -0,0 +1,140 @@ + + + + + what + + + + + + + + + +
+ + + +
+
+

what are the memes?

+

A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. +Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. +A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make empirical study possible.Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units, and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a misunderstanding of the original proposal. +The word meme is a neologism coined by Richard Dawkins.It originated from Dawkins's 1976 book The Selfish Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures, not just metaphorically and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler.

+
+
+ +
+

© mmf

+
+
+ + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 3/what.txt b/Student Works/MMF95/Assignments/Assignment 3/what.txt new file mode 100644 index 00000000..274fc680 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 3/what.txt @@ -0,0 +1,140 @@ + + + + + what + + + + + + + + + +
+ + + +
+
+

what are the memes?

+

A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. +Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. +A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make empirical study possible.Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units, and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a misunderstanding of the original proposal. +The word meme is a neologism coined by Richard Dawkins.It originated from Dawkins's 1976 book The Selfish Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures, not just metaphorically and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler.

+
+
+ +
+

© mmf

+
+
+ + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 4/Homepage.html b/Student Works/MMF95/Assignments/Assignment 4/Homepage.html new file mode 100644 index 00000000..63d72160 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 4/Homepage.html @@ -0,0 +1,98 @@ + + + +Homepage + + + + + + + +
+

Meme Submission Page

+
+ +
+ + +
+

Meme

+

is an idea, behavior, or style that spreads by means of imitation from person to person within a culture often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme.A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures.

+
+
+ +
+

© mmf

+
+ + + diff --git a/Student Works/MMF95/Assignments/Assignment 4/Homepage.txt b/Student Works/MMF95/Assignments/Assignment 4/Homepage.txt new file mode 100644 index 00000000..63d72160 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 4/Homepage.txt @@ -0,0 +1,98 @@ + + + +Homepage + + + + + + + +
+

Meme Submission Page

+
+ +
+ + +
+

Meme

+

is an idea, behavior, or style that spreads by means of imitation from person to person within a culture often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme.A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures.

+
+
+ +
+

© mmf

+
+ + + diff --git a/Student Works/MMF95/Assignments/Assignment 4/Rate meme.html b/Student Works/MMF95/Assignments/Assignment 4/Rate meme.html new file mode 100644 index 00000000..698442a8 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 4/Rate meme.html @@ -0,0 +1,222 @@ + + + Rate meme + + + + + + + + + + + +
+

Rate meme

+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
One does not simply"One Does Not Simply Walk into Mordor" (snowclone: "One Does Not Simply X into Mordor") is a memorable quote from the 2001 fantasy epic film Lord of the Rings: The Fellowship of the Ring. Variants of the phrase are often used in image macros featuring Mordor, a fictional location from The Lord of the Rings franchise, or the character Boromir, who originally says the line in the film. + +
+ + + + + + + + + + +


+
Is this pigeon?"Is this a pigeon?" is a memorable quote said by the protagonist character from the 1990s Japanese anime TV series The Brave Fighter of Sun Fighbird in a scene wherein the humanoid character erroneously identifies a butterfly as a pigeon. On Tumblr, the quote, along with a reaction image of the scene featuring the English-translated subtitle, is widely used to express utter confusion.

+ +
+ + + + + + + + + + + + +
+

+ +
+ + + + + + + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 4/Rate meme.txt b/Student Works/MMF95/Assignments/Assignment 4/Rate meme.txt new file mode 100644 index 00000000..211e2158 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 4/Rate meme.txt @@ -0,0 +1,220 @@ + + + Rate meme + + + + + + + + + + + +
+

Rate meme

+
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
One does not simply"One Does Not Simply Walk into Mordor" (snowclone: "One Does Not Simply X into Mordor") is a memorable quote from the 2001 fantasy epic film Lord of the Rings: The Fellowship of the Ring. Variants of the phrase are often used in image macros featuring Mordor, a fictional location from The Lord of the Rings franchise, or the character Boromir, who originally says the line in the film. + +
+ + + + + + + + + + +

+
Is this pigeon?"Is this a pigeon?" is a memorable quote said by the protagonist character from the 1990s Japanese anime TV series The Brave Fighter of Sun Fighbird in a scene wherein the humanoid character erroneously identifies a butterfly as a pigeon. On Tumblr, the quote, along with a reaction image of the scene featuring the English-translated subtitle, is widely used to express utter confusion
+ + + + + + + + + + + + + + + + + diff --git a/Student Works/MMF95/Assignments/Assignment 4/Register account.html b/Student Works/MMF95/Assignments/Assignment 4/Register account.html new file mode 100644 index 00000000..8bab2583 --- /dev/null +++ b/Student Works/MMF95/Assignments/Assignment 4/Register account.html @@ -0,0 +1,160 @@ + + + + Register account + + + + + + + + +
+ + + +

Form of personal info

+ + +
+ + + +
+

Register

+

Please fill in this form to create an account.

+
+
Personal info + + +
+ + +
+ +
+ +

+Demographic:
+Gender: +
+
+ +
+ +

+ +
+ + +
+ + +
+ + + + +

+
Other Info + Nearest country: +

+ Hobbies: + + + +

+ Fruit you like:
+

+ +Reason for joining this Meme-page
+ +

+
+ + + + + + + + + +
+

Register

+ Register +
+ + + + + + + + +
+
+

Copyright © 2020

+
+
+ + + + + + \ No newline at end of file diff --git a/Student Works/MMF95/Project/Project(update)/Register.html b/Student Works/MMF95/Project/Project(update)/Register.html new file mode 100644 index 00000000..ce094464 --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/Register.html @@ -0,0 +1,72 @@ + + + + + + + Register + + + + + + +
+
+ + + +
+ + + +
+ + + +
+ + + + + + + + + + + + + + + +
+ + + +
+ + + + + +
+ + + +
+ + + + +
+ +
+
+ + + + + + + diff --git a/Student Works/MMF95/Project/Project(update)/Register.txt b/Student Works/MMF95/Project/Project(update)/Register.txt new file mode 100644 index 00000000..582f38f4 --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/Register.txt @@ -0,0 +1,71 @@ + + + + + + + Register + + + + + + +
+
+ + + +
+ + + +
+ + + +
+ + + + + + + + + + + + + + + +
+ + + +
+ + + + + +
+ + + +
+ + + + + +
+ + +
+ + + + + diff --git a/Student Works/MMF95/Project/Project(update)/blank.jpg b/Student Works/MMF95/Project/Project(update)/blank.jpg new file mode 100644 index 00000000..f5095dda Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/blank.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/img/14.png b/Student Works/MMF95/Project/Project(update)/img/14.png new file mode 100644 index 00000000..9d5e6167 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/14.png differ diff --git a/Student Works/MMF95/Project/Project(update)/img/16.jpg b/Student Works/MMF95/Project/Project(update)/img/16.jpg new file mode 100644 index 00000000..928741ea Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/16.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/img/18.jpg b/Student Works/MMF95/Project/Project(update)/img/18.jpg new file mode 100644 index 00000000..ffce2971 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/18.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/img/6.jpg b/Student Works/MMF95/Project/Project(update)/img/6.jpg new file mode 100644 index 00000000..bf2ef231 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/6.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/img/7.jpg b/Student Works/MMF95/Project/Project(update)/img/7.jpg new file mode 100644 index 00000000..b56e2c60 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/7.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/img/9.jpg b/Student Works/MMF95/Project/Project(update)/img/9.jpg new file mode 100644 index 00000000..722cc6b9 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/img/9.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/o.jpg b/Student Works/MMF95/Project/Project(update)/o.jpg new file mode 100644 index 00000000..f5e057b7 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/o.jpg differ diff --git a/Student Works/MMF95/Project/Project(update)/play.html b/Student Works/MMF95/Project/Project(update)/play.html new file mode 100644 index 00000000..4f73c9e6 --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/play.html @@ -0,0 +1,63 @@ + + + + +Tic Tac Toe + + + + + + + + + + +
+
+ + + +
+
+ + + +
+ + + + + + + + + + + + + + + + +
Top-LeftTop-CenterTop-Right
Middle-LeftMiddle-CenterMiddle-Right
Bottom-LeftBottom-CenterBottom-Right
+
+ + + + + +
Player
Server
Ties
+
+
+
+ +
+
+ +
+ +
+ + + \ No newline at end of file diff --git a/Student Works/MMF95/Project/Project(update)/play.txt b/Student Works/MMF95/Project/Project(update)/play.txt new file mode 100644 index 00000000..4f73c9e6 --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/play.txt @@ -0,0 +1,63 @@ + + + + +Tic Tac Toe + + + + + + + + + + +
+
+ + + +
+
+ + + +
+ + + + + + + + + + + + + + + + +
Top-LeftTop-CenterTop-Right
Middle-LeftMiddle-CenterMiddle-Right
Bottom-LeftBottom-CenterBottom-Right
+
+ + + + + +
Player
Server
Ties
+
+
+
+ +
+
+ +
+ +
+ + + \ No newline at end of file diff --git a/Student Works/MMF95/Project/Project(update)/tictac.js b/Student Works/MMF95/Project/Project(update)/tictac.js new file mode 100644 index 00000000..a781e0a0 --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/tictac.js @@ -0,0 +1,290 @@ + + + +var x = "x.jpg"; +var o ="o.jpg"; +var blank = "blank.jpg"; + +var pause = 0; +var all = 0; +var a = 0; +var b = 0; +var c = 0; +var d = 0; +var e = 0; +var f = 0; +var g = 0; +var h = 0; +var i = 0; +var temp=""; +var ok = 0; +var cf = 0; +var choice=9; +var aRandomNumber = 0; +var server = 0; +var t = 0; +var wn = 0; +var ls = 0; +var ts = 0; + + + + +function logicOne() { +if ((a==1)&&(b==1)&&(c==1)) all=1; +if ((a==1)&&(d==1)&&(g==1)) all=1; +if ((a==1)&&(e==1)&&(i==1)) all=1; +if ((b==1)&&(e==1)&&(h==1)) all=1; +if ((d==1)&&(e==1)&&(f==1)) all=1; +if ((g==1)&&(h==1)&&(i==1)) all=1; +if ((c==1)&&(f==1)&&(i==1)) all=1; +if ((g==1)&&(e==1)&&(c==1)) all=1; +if ((a==2)&&(b==2)&&(c==2)) all=2; +if ((a==2)&&(d==2)&&(g==2)) all=2; +if ((a==2)&&(e==2)&&(i==2)) all=2; +if ((b==2)&&(e==2)&&(h==2)) all=2; +if ((d==2)&&(e==2)&&(f==2)) all=2; +if ((g==2)&&(h==2)&&(i==2)) all=2; +if ((c==2)&&(f==2)&&(i==2)) all=2; +if ((g==2)&&(e==2)&&(c==2)) all=2; +if ((a != 0)&&(b != 0)&&(c != 0)&&(d != 0)&&(e != 0)&&(f != 0)&&(g != 0)&&(h != 0)&&(i != 0)&&(all == 0)) all = 3; +} + + + +function logicTwo() { +if ((a==2)&&(b==2)&&(c== 0)&&(temp=="")) temp="C"; +if ((a==2)&&(b== 0)&&(c==2)&&(temp=="")) temp="B"; +if ((a== 0)&&(b==2)&&(c==2)&&(temp=="")) temp="A"; +if ((a==2)&&(d==2)&&(g== 0)&&(temp=="")) temp="G"; +if ((a==2)&&(d== 0)&&(g==2)&&(temp=="")) temp="D"; +if ((a== 0)&&(d==2)&&(g==2)&&(temp=="")) temp="A"; +if ((a==2)&&(e==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((a==2)&&(e== 0)&&(i==2)&&(temp=="")) temp="E"; +if ((a== 0)&&(e==2)&&(i==2)&&(temp=="")) temp="A"; +if ((b==2)&&(e==2)&&(h== 0)&&(temp=="")) temp="H"; +if ((b==2)&&(e== 0)&&(h==2)&&(temp=="")) temp="E"; +if ((b== 0)&&(e==2)&&(h==2)&&(temp=="")) temp="B"; +if ((d==2)&&(e==2)&&(f== 0)&&(temp=="")) temp="F"; +if ((d==2)&&(e== 0)&&(f==2)&&(temp=="")) temp="E"; +if ((d== 0)&&(e==2)&&(f==2)&&(temp=="")) temp="D"; +if ((g==2)&&(h==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((g==2)&&(h== 0)&&(i==2)&&(temp=="")) temp="H"; +if ((g== 0)&&(h==2)&&(i==2)&&(temp=="")) temp="G"; +if ((c==2)&&(f==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((c==2)&&(f== 0)&&(i==2)&&(temp=="")) temp="F"; +if ((c== 0)&&(f==2)&&(i==2)&&(temp=="")) temp="C"; +if ((g==2)&&(e==2)&&(c== 0)&&(temp=="")) temp="C"; +if ((g==2)&&(e== 0)&&(c==2)&&(temp=="")) temp="E"; +if ((g== 0)&&(e==2)&&(c==2)&&(temp=="")) temp="G"; +} + + +function logicThree() { +if ((a==1)&&(b==1)&&(c==0)&&(temp=="")) temp="C"; +if ((a==1)&&(b==0)&&(c==1)&&(temp=="")) temp="B"; +if ((a==0)&&(b==1)&&(c==1)&&(temp=="")) temp="A"; +if ((a==1)&&(d==1)&&(g==0)&&(temp=="")) temp="G"; +if ((a==1)&&(d==0)&&(g==1)&&(temp=="")) temp="D"; +if ((a==0)&&(d==1)&&(g==1)&&(temp=="")) temp="A"; +if ((a==1)&&(e==1)&&(i==0)&&(temp=="")) temp="I"; +if ((a==1)&&(e==0)&&(i==1)&&(temp=="")) temp="E"; +if ((a==0)&&(e==1)&&(i==1)&&(temp=="")) temp="A"; +if ((b==1)&&(e==1)&&(h==0)&&(temp=="")) temp="H"; +if ((b==1)&&(e==0)&&(h==1)&&(temp=="")) temp="E"; +if ((b==0)&&(e==1)&&(h==1)&&(temp=="")) temp="B"; +if ((d==1)&&(e==1)&&(f==0)&&(temp=="")) temp="F"; +if ((d==1)&&(e==0)&&(f==1)&&(temp=="")) temp="E"; +if ((d==0)&&(e==1)&&(f==1)&&(temp=="")) temp="D"; +if ((g==1)&&(h==1)&&(i==0)&&(temp=="")) temp="I"; +if ((g==1)&&(h==0)&&(i==1)&&(temp=="")) temp="H"; +if ((g==0)&&(h==1)&&(i==1)&&(temp=="")) temp="G"; +if ((c==1)&&(f==1)&&(i==0)&&(temp=="")) temp="I"; +if ((c==1)&&(f==0)&&(i==1)&&(temp=="")) temp="F"; +if ((c==0)&&(f==1)&&(i==1)&&(temp=="")) temp="C"; +if ((g==1)&&(e==1)&&(c==0)&&(temp=="")) temp="C"; +if ((g==1)&&(e==0)&&(c==1)&&(temp=="")) temp="E"; +if ((g==0)&&(e==1)&&(c==1)&&(temp=="")) temp="G"; +} + + + + +function clearOut() { +document.game.player.value="0"; +document.game.server.value="0"; +document.game.ties.value="0"; +} + + + + +function checkSpace() { +if ((temp=="A")&&(a==0)) { +ok=1; +if (cf==0) a=1; +if (cf==1) a=2; +} +if ((temp=="B")&&(b==0)) { +ok=1; +if (cf==0) b=1; +if (cf==1) b=2; +} +if ((temp=="C")&&(c==0)) { +ok=1; +if (cf==0) c=1; +if (cf==1) c=2; +} +if ((temp=="D")&&(d==0)) { +ok=1; +if (cf==0) d=1; +if (cf==1) d=2; +} +if ((temp=="E")&&(e==0)) { +ok=1; +if (cf==0) e=1; +if (cf==1) e=2; +} +if ((temp=="F")&&(f==0)) { +ok=1 +if (cf==0) f=1; +if (cf==1) f=2; +} +if ((temp=="G")&&(g==0)) { +ok=1 +if (cf==0) g=1; +if (cf==1) g=2; +} +if ((temp=="H")&&(h==0)) { +ok=1; +if (cf==0) h=1; +if (cf==1) h=2; +} +if ((temp=="I")&&(i==0)) { +ok=1; +if (cf==0) i=1; +if (cf==1) i=2; +} +} + + + + +function playerChoice(chName) { +pause = 0; +if (all!=0) ended(); +if (all==0) { +cf = 0; +ok = 0; +temp=chName; +checkSpace(); +if (ok==1) { +document.images[chName].src = x; +} +if (ok==0)taken(); +process(); +if ((all==0)&&(pause==0)) myChoice(); +} +} + + + + + +function taken() { +alert("That square is already occupied. Please select another square.") +pause=1; +} + + + +function myChoice() { +temp=""; +ok = 0; +cf=1; +logicTwo(); +logicThree(); +checkSpace(); +while(ok==0) { +aRandomNumber=Math.random() +server=Math.round((choice-1)*aRandomNumber)+1; +if (server==1) temp="A"; +if (server==2) temp="B"; +if (server==3) temp="C"; +if (server==4) temp="D"; +if (server==5) temp="E"; +if (server==6) temp="F"; +if (server==7) temp="G"; +if (server==8) temp="H"; +if (server==9) temp="I"; +checkSpace(); +} +document.images[temp].src= o; +process(); +} + + + + +function ended() { +alert("The game has already ended. To play a new game click the Play Again button.") +} + + + + +function process() { +logicOne(); +if (all==1){ alert("You won, congratulations!"); wn++; } +if (all==2){ alert("Hola! I win!"); ls++; } +if (all==3){ alert("We tied."); ts++; } +if (all!=0) { +document.game.player.value = wn; +document.game.server.value = ls; +document.game.ties.value = ts; +} +} + + + + +function playAgain() { +if (all==0) { +if(confirm("This will restart the game and clear all the current scores. OK?")) reset(); +} +if (all>0) reset(); +} + + + + +function reset() { +all = 0; +a = 0; +b = 0; +c = 0; +d = 0; +e = 0; +f = 0; +g = 0; +h = 0; +i = 0; +temp=""; +ok = 0; +cf = 0; +choice=9; +aRandomNumber = 0; +server= 0; +document.images.A.src= blank; +document.images.B.src= blank; +document.images.C.src= blank; +document.images.D.src= blank; +document.images.E.src= blank; +document.images.F.src= blank; +document.images.G.src= blank; +document.images.H.src= blank; +document.images.I.src= blank; +if (t==0) { t=2; myChoice(); } +t--; +} + diff --git a/Student Works/MMF95/Project/Project(update)/tictac.txt b/Student Works/MMF95/Project/Project(update)/tictac.txt new file mode 100644 index 00000000..7b5e5a7d --- /dev/null +++ b/Student Works/MMF95/Project/Project(update)/tictac.txt @@ -0,0 +1,290 @@ + + + +var x = "x.jpg"; +var o ="o.jpg"; +var blank = "blank.jpg"; + +var pause = 0; +var all = 0; +var a = 0; +var b = 0; +var c = 0; +var d = 0; +var e = 0; +var f = 0; +var g = 0; +var h = 0; +var i = 0; +var temp=""; +var ok = 0; +var cf = 0; +var choice=9; +var aRandomNumber = 0; +var server = 0; +var t = 0; +var wn = 0; +var ls = 0; +var ts = 0; + + + + +function logicOne() { +if ((a==1)&&(b==1)&&(c==1)) all=1; +if ((a==1)&&(d==1)&&(g==1)) all=1; +if ((a==1)&&(e==1)&&(i==1)) all=1; +if ((b==1)&&(e==1)&&(h==1)) all=1; +if ((d==1)&&(e==1)&&(f==1)) all=1; +if ((g==1)&&(h==1)&&(i==1)) all=1; +if ((c==1)&&(f==1)&&(i==1)) all=1; +if ((g==1)&&(e==1)&&(c==1)) all=1; +if ((a==2)&&(b==2)&&(c==2)) all=2; +if ((a==2)&&(d==2)&&(g==2)) all=2; +if ((a==2)&&(e==2)&&(i==2)) all=2; +if ((b==2)&&(e==2)&&(h==2)) all=2; +if ((d==2)&&(e==2)&&(f==2)) all=2; +if ((g==2)&&(h==2)&&(i==2)) all=2; +if ((c==2)&&(f==2)&&(i==2)) all=2; +if ((g==2)&&(e==2)&&(c==2)) all=2; +if ((a != 0)&&(b != 0)&&(c != 0)&&(d != 0)&&(e != 0)&&(f != 0)&&(g != 0)&&(h != 0)&&(i != 0)&&(all == 0)) all = 3; +} + + + +function logicTwo() { +if ((a==2)&&(b==2)&&(c== 0)&&(temp=="")) temp="C"; +if ((a==2)&&(b== 0)&&(c==2)&&(temp=="")) temp="B"; +if ((a== 0)&&(b==2)&&(c==2)&&(temp=="")) temp="A"; +if ((a==2)&&(d==2)&&(g== 0)&&(temp=="")) temp="G"; +if ((a==2)&&(d== 0)&&(g==2)&&(temp=="")) temp="D"; +if ((a== 0)&&(d==2)&&(g==2)&&(temp=="")) temp="A"; +if ((a==2)&&(e==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((a==2)&&(e== 0)&&(i==2)&&(temp=="")) temp="E"; +if ((a== 0)&&(e==2)&&(i==2)&&(temp=="")) temp="A"; +if ((b==2)&&(e==2)&&(h== 0)&&(temp=="")) temp="H"; +if ((b==2)&&(e== 0)&&(h==2)&&(temp=="")) temp="E"; +if ((b== 0)&&(e==2)&&(h==2)&&(temp=="")) temp="B"; +if ((d==2)&&(e==2)&&(f== 0)&&(temp=="")) temp="F"; +if ((d==2)&&(e== 0)&&(f==2)&&(temp=="")) temp="E"; +if ((d== 0)&&(e==2)&&(f==2)&&(temp=="")) temp="D"; +if ((g==2)&&(h==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((g==2)&&(h== 0)&&(i==2)&&(temp=="")) temp="H"; +if ((g== 0)&&(h==2)&&(i==2)&&(temp=="")) temp="G"; +if ((c==2)&&(f==2)&&(i== 0)&&(temp=="")) temp="I"; +if ((c==2)&&(f== 0)&&(i==2)&&(temp=="")) temp="F"; +if ((c== 0)&&(f==2)&&(i==2)&&(temp=="")) temp="C"; +if ((g==2)&&(e==2)&&(c== 0)&&(temp=="")) temp="C"; +if ((g==2)&&(e== 0)&&(c==2)&&(temp=="")) temp="E"; +if ((g== 0)&&(e==2)&&(c==2)&&(temp=="")) temp="G"; +} + + +function logicThree() { +if ((a==1)&&(b==1)&&(c==0)&&(temp=="")) temp="C"; +if ((a==1)&&(b==0)&&(c==1)&&(temp=="")) temp="B"; +if ((a==0)&&(b==1)&&(c==1)&&(temp=="")) temp="A"; +if ((a==1)&&(d==1)&&(g==0)&&(temp=="")) temp="G"; +if ((a==1)&&(d==0)&&(g==1)&&(temp=="")) temp="D"; +if ((a==0)&&(d==1)&&(g==1)&&(temp=="")) temp="A"; +if ((a==1)&&(e==1)&&(i==0)&&(temp=="")) temp="I"; +if ((a==1)&&(e==0)&&(i==1)&&(temp=="")) temp="E"; +if ((a==0)&&(e==1)&&(i==1)&&(temp=="")) temp="A"; +if ((b==1)&&(e==1)&&(h==0)&&(temp=="")) temp="H"; +if ((b==1)&&(e==0)&&(h==1)&&(temp=="")) temp="E"; +if ((b==0)&&(e==1)&&(h==1)&&(temp=="")) temp="B"; +if ((d==1)&&(e==1)&&(f==0)&&(temp=="")) temp="F"; +if ((d==1)&&(e==0)&&(f==1)&&(temp=="")) temp="E"; +if ((d==0)&&(e==1)&&(f==1)&&(temp=="")) temp="D"; +if ((g==1)&&(h==1)&&(i==0)&&(temp=="")) temp="I"; +if ((g==1)&&(h==0)&&(i==1)&&(temp=="")) temp="H"; +if ((g==0)&&(h==1)&&(i==1)&&(temp=="")) temp="G"; +if ((c==1)&&(f==1)&&(i==0)&&(temp=="")) temp="I"; +if ((c==1)&&(f==0)&&(i==1)&&(temp=="")) temp="F"; +if ((c==0)&&(f==1)&&(i==1)&&(temp=="")) temp="C"; +if ((g==1)&&(e==1)&&(c==0)&&(temp=="")) temp="C"; +if ((g==1)&&(e==0)&&(c==1)&&(temp=="")) temp="E"; +if ((g==0)&&(e==1)&&(c==1)&&(temp=="")) temp="G"; +} + + + + +function clearOut() { +document.game.player.value="0"; +document.game.server.value="0"; +document.game.ties.value="0"; +} + + + + +function checkSpace() { +if ((temp=="A")&&(a==0)) { +ok=1; +if (cf==0) a=1; +if (cf==1) a=2; +} +if ((temp=="B")&&(b==0)) { +ok=1; +if (cf==0) b=1; +if (cf==1) b=2; +} +if ((temp=="C")&&(c==0)) { +ok=1; +if (cf==0) c=1; +if (cf==1) c=2; +} +if ((temp=="D")&&(d==0)) { +ok=1; +if (cf==0) d=1; +if (cf==1) d=2; +} +if ((temp=="E")&&(e==0)) { +ok=1; +if (cf==0) e=1; +if (cf==1) e=2; +} +if ((temp=="F")&&(f==0)) { +ok=1 +if (cf==0) f=1; +if (cf==1) f=2; +} +if ((temp=="G")&&(g==0)) { +ok=1 +if (cf==0) g=1; +if (cf==1) g=2; +} +if ((temp=="H")&&(h==0)) { +ok=1; +if (cf==0) h=1; +if (cf==1) h=2; +} +if ((temp=="I")&&(i==0)) { +ok=1; +if (cf==0) i=1; +if (cf==1) i=2; +} +} + + + + +function playerChoice(chName) { +pause = 0; +if (all!=0) ended(); +if (all==0) { +cf = 0; +ok = 0; +temp=chName; +checkSpace(); +if (ok==1) { +document.images[chName].src = x; +} +if (ok==0)taken(); +process(); +if ((all==0)&&(pause==0)) myChoice(); +} +} + + + + + +function taken() { +alert("That square is already occupied. Please select another square.") +pause=1; +} + + + +function myChoice() { +temp=""; +ok = 0; +cf=1; +logicTwo(); +logicThree(); +checkSpace(); +while(ok==0) { +aRandomNumber=Math.random() +server=Math.round((choice-1)*aRandomNumber)+1; +if (server==1) temp="A"; +if (server==2) temp="B"; +if (server==3) temp="C"; +if (server==4) temp="D"; +if (server==5) temp="E"; +if (server==6) temp="F"; +if (server==7) temp="G"; +if (server==8) temp="H"; +if (server==9) temp="I"; +checkSpace(); +} +document.images[temp].src= o; +process(); +} + + + + +function ended() { +alert("The game has already ended. To play a new game click the Play Again button.") +} + + + + +function process() { +logicOne(); +if (all==1){ alert("You won, congratulations!"); wn++; } +if (all==2){ alert("Hola! I win!"); ls++; } +if (all==3){ alert("We tied."); ts++; } +if (all!=0) { +document.game.player.value = wn; +document.game.server.value = ls; +document.game.ties.value = ts; +} +} + + + + +function playAgain() { +if (all==0) { +if(confirm("This will restart the game and clear all the current scores. OK?")) reset(); +} +if (all>0) reset(); +} + + + + +function reset() { +all = 0; +a = 0; +b = 0; +c = 0; +d = 0; +e = 0; +f = 0; +g = 0; +h = 0; +i = 0; +temp=""; +ok = 0; +cf = 0; +choice=9; +aRandomNumber = 0; +server= 0; +document.images.A.src= blank; +document.images.B.src= blank; +document.images.C.src= blank; +document.images.D.src= blank; +document.images.E.src= blank; +document.images.F.src= blank; +document.images.G.src= blank; +document.images.H.src= blank; +document.images.I.src= blank; +if (t==0) { t=2; myChoice(); } +t--; +} + diff --git a/Student Works/MMF95/Project/Project(update)/x.jpg b/Student Works/MMF95/Project/Project(update)/x.jpg new file mode 100644 index 00000000..7b8bc3e0 Binary files /dev/null and b/Student Works/MMF95/Project/Project(update)/x.jpg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A1/CommandsUsed.html b/Student Works/MarkCucek/Assignments/CP2A1/CommandsUsed.html new file mode 100644 index 00000000..5f6f17df --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A1/CommandsUsed.html @@ -0,0 +1,17 @@ + + + + Commands Used + + +

Commands Used

+
    +
  • cd to move around the directories
  • +
  • mkdir to make the "CP2A1" and "CP2A1IMG" directories
  • +
  • touch to make the four html files
  • +
  • cat to edit the html files
  • +
  • mv to move and rename files
  • +
+

I apologize, I did not use the Terminal whilst making and editing these html files and directories. Instead I've listed the commands I would have used if I had done it with the Terminal.

+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A1/FirstPoem.html b/Student Works/MarkCucek/Assignments/CP2A1/FirstPoem.html new file mode 100644 index 00000000..d5fb63d8 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A1/FirstPoem.html @@ -0,0 +1,44 @@ + + + + + The Road Not Taken + + + +

The Road Not Taken

+ +

Robert Frost

+
+ +

Stanza 1

+

Two roads diverged in a yellow wood,
+Robert Frost poetAnd sorry I could not travel both
+And be one traveler, long I stood
+And looked down one as far as I could
+To where it bent in the undergrowth;

+ +

Stanza 2

+

Then took the other, as just as fair,
+And having perhaps the better claim,
+Because it was grassy and wanted wear;
+Though as for that the passing there
+Had worn them really about the same,

+ +

Stanza 3

+

And both that morning equally lay
+In leaves no step had trodden black.
+Oh, I kept the first for another day!
+Yet knowing how way leads on to way,
+I doubted if I should ever come back.

+ +

Stanza 4

+

I shall be telling this with a sigh
+Somewhere ages and ages hence:
+Two roads diverged in a wood, and I—
+I took the one less traveled by,
+And that has made all the difference.

+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A1/MainSite.html b/Student Works/MarkCucek/Assignments/CP2A1/MainSite.html new file mode 100644 index 00000000..85c70a98 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A1/MainSite.html @@ -0,0 +1,37 @@ + + + + + Two Classic Poems + + + +

Featured Poems

+
+ +

The Road Not Taken

+
+

Robert Frost

+ + + +

Description

+ This poem deals with that big noble question of “How to make a difference in the world?” On first reading, it tells us that the choice one makes really does matter, ending: “I took the one less traveled by, / And that has made all the difference.” A closer reading reveals that the lonely choice that was made earlier by our traveling narrator maybe wasn’t all that significant since both roads were pretty much the same anyway (“Had warn them really about the same”) and it is only in the remembering and retelling that it made a difference. We are left to ponder if the narrator had instead traveled down “The Road Not Taken” might it have also made a difference as well. In a sense, “The Road Not Taken” tears apart the traditional view of individualism, which hinges on the importance of choice, as in the case of democracy in general (choosing a candidate), as well as various constitutional freedoms: choice of religion, choice of words (freedom of speech), choice of group (freedom of assembly), and choice of source of information (freedom of press). For example, we might imagine a young man choosing between being a carpenter or a banker later seeing great significance in his choice to be a banker, but in fact there was not much in his original decision at all other than a passing fancy. In this, we see the universality of human beings: the roads leading to carpenter and banker being basically the same and the carpenter and bankers at the end of them—seeming like individuals who made significant choices—really being just part of the collective of the human race. Then is this poem not about the question “How to make a difference in the world?” after all? No. It is still about this question. The ending is the most clear and striking part. If nothing else, readers are left with the impression that our narrator, who commands beautiful verse, profound imagery, and time itself (“ages and ages hence”) puts value on striving to make a difference. The striving is reconstituted and complicated here in reflection, but our hero wants to make a difference and so should we. That is why this is a great poem, from a basic or close reading perspective. +
+ +

Ode on a Grecian Urn

+
+

John Keats

+ + + +

Description

+

+ As if in response to Shelley’s “Ozymandias,” Keats’s “Ode on a Grecian Urn” offers a sort of antidote to the inescapable and destructive force of time. Indeed, “Ode on a Grecian Urn” was published in 1819 just a year or so after “Ozymandias.” The antidote is simple: art. The art on the Grecian urn—which is basically a decorative pot from ancient Greece—has survived for thousands of years. While empires rose and fell, the Grecian urn survived. Musicians, trees, lovers, heifers, and priests all continue dying decade after decade and century after century, but their artistic depictions on the Grecian urn live on for what seems eternity. This realization about the timeless nature of art is not new now nor was it in the 1800s, but Keats has chosen a perfect example since ancient Greek civilization so famously disappeared into the ages, being subsumed by the Romans, and mostly lost until the Renaissance a thousand years later. Now, the ancient Greeks are all certainly dead (like the king Ozymandias in Shelley’s poem) but the Greek art and culture live on through Renaissance painters, the Olympic Games, endemic Neoclassical architecture, and, of course, the Grecian urn. Further, what is depicted on the Grecian urn is a variety of life that makes the otherwise cold urn feel alive and vibrant. This aliveness is accentuated by Keats’s barrage of questions and blaring exclamations: “More happy love! more happy, happy love!” Art, he seems to suggest, is more alive and real than we might imagine. Indeed, the last two lines can be read as the urn itself talking: “Beauty is truth, truth beauty,—that is all / Ye know on earth, and all ye need to know.” In these profound lines, Keats places us within ignorance, suggesting that what we know on earth is limited, but that artistic beauty, which he has now established is alive, is connected with truth. Thus, we can escape ignorance, humanness, and certain death and approach another form of life and truth through the beauty of art. This effectively completes the thought that began in Ozymandias and makes this a great poem one notch up from its predecessor. +
+ +

Commands Used

+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A1/SecondPoem.html b/Student Works/MarkCucek/Assignments/CP2A1/SecondPoem.html new file mode 100644 index 00000000..57767f8b --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A1/SecondPoem.html @@ -0,0 +1,76 @@ + + + + + Ode on a Grecian Urn + + + +

Ode on a Grecian Urn

+ +

John Keats

+
+ +

Stanza 1

+

Thou still unravish’d bride of quietness,
+Thou foster-child of silence and slow time,
+Sylvan historian, who canst thus express
+A flowery tale more sweetly than our rhyme:
+What leaf-fring’d legend haunts about thy shape
+Of deities or mortals, or of both,
+In Tempe or the dales of Arcady?
+What men or gods are these? What maidens loth?
+What mad pursuit? What struggle to escape?
+What pipes and timbrels? What wild ecstasy?

+ +

Stanza 2

+

Heard melodies are sweet, but those unheard
+Are sweeter; therefore, ye soft pipes, play on;
+Not to the sensual ear, but, more endear’d,
+Pipe to the spirit ditties of no tone:
+Fair youth, beneath the trees, thou canst not leave
+Thy song, nor ever can those trees be bare;
+Bold Lover, never, never canst thou kiss,
+Though winning near the goal yet, do not grieve;
+She cannot fade, though thou hast not thy bliss,
+For ever wilt thou love, and she be fair!

+ +

Stanza 3

+

Ah, happy, happy boughs! that cannot shed
+Your leaves, nor ever bid the Spring adieu;
+And, happy melodist, unwearied,
+For ever piping songs for ever new;
+More happy love! more happy, happy love!
+For ever warm and still to be enjoy’d,
+For ever panting, and for ever young;
+All breathing human passion far above,
+That leaves a heart high-sorrowful and cloy’d,
+A burning forehead, and a parching tongue.

+ +

Stanza 4

+

Who are these coming to the sacrifice?
+To what green altar, O mysterious priest,
+Lead’st thou that heifer lowing at the skies,
+And all her silken flanks with garlands drest?
+What little town by river or sea shore,
+Or mountain-built with peaceful citadel,
+Is emptied of this folk, this pious morn?
+And, little town, thy streets for evermore
+Will silent be; and not a soul to tell
+Why thou art desolate, can e’er return.

+ +

Stanza 5

+

O Attic shape! Fair attitude! with brede
+Of marble men and maidens overwrought,
+With forest branches and the trodden weed;
+Thou, silent form, dost tease us out of thought
+As doth eternity: Cold Pastoral!
+When old age shall this generation waste,
+Thou shalt remain, in midst of other woe
+Than ours, a friend to man, to whom thou say’st,
+“Beauty is truth, truth beauty,—that is all
+Ye know on earth, and all ye need to know.”

+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A2/tribute.html b/Student Works/MarkCucek/Assignments/CP2A2/tribute.html new file mode 100644 index 00000000..1fa6c694 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A2/tribute.html @@ -0,0 +1,133 @@ + + + + + A tribute to Bill Gates + + + + + +
+

Bill Gates

+

The generous programmer, entrepreneur and co-founder of Microsoft

+
+
+ 1950s + 1960s + 1970s + 1980s + 1990s + 2000s +
+
+
+ Bill Gates +
Bill Gates looking jolly and smiling with his glasses on
+
+
+
+
+

Timeline of Bill Gates' life

+
+
    +
  • 1955 - Born in Seattle, Washington
  • +
  • 1967 - Gates is enrolled in the Lakeside School, an exclusive private school in Seattle, where he befriends Paul Allen
  • +
  • 1973 - Gates enters Harvard as a pre-law major, but soon shifts focus. He quickly runs through the university’s most rigorous mathematics and graduate level computer science courses.
  • +
  • 1975 - From his dorm room, Gates calls MITS, the maker of the world’s first personal computer. He offers to develop software for the MITS Altair. MITS eventually accepts and buys his language for $3,000 plus royalties. Gates takes his first leave of absence from school to start working on the software venture he refers to as Micro-Soft.
  • +
  • 1976 - Gates and Allen register the trademark “Microsoft.” Gates writes an open letter to computer hobbyists, condemning the early adopters for sharing, rather than paying for, software.
  • +
  • 1977 - Gates takes a second leave of absence from Harvard and sets up Microsoft in Albuquerque, N.M., where MITS is headquartered.
  • +
  • 1978 - Microsoft’s year-end sales exceed $1 million. Gates gains a reputation for being tough, but focused.
  • +
  • 1979 - Microsoft headquarters are relocated to Bellevue, Wash., a suburb of Gates’ hometown, Seattle.
  • +
  • 1981 - Microsoft incorporates and buys the rights to the operating system “DOS” from Seattle Computer Products. The system is modified and renamed MS-DOS, and the company licenses it to IBM for the company’s new personal computer.
  • +
  • 1983 - Allen leaves Microsoft after developing Hodgkin’s disease. Microsoft announces Windows as an extension of its MS-DOS operating system.
  • +
  • 1986 - Microsoft headquarters move again, this time to nearby Redmond, Wash. Shortly after, the company goes public.
  • +
  • 1987 - At age 31, Gates becomes the youngest billionaire ever. He meets his future wife, Melinda French, at a Microsoft event in New York.
  • +
  • 1989 - Gates founds Corbis, an archive of art and photography from public and private collections. Corbis later becomes one of the largest collections of visual information in the world.
  • +
  • 1990 - The Federal Trade Commission begins an investigation into possible collusion between IBM and Microsoft.The FTC charges that IBM and Microsoft collaborated to divvy up the market for operating systems in an anticompetitive way, with IBM’s OS/2 capturing the high-end of the market and Microsoft’s Windows covering the low-end of the market.
  • +
  • 1994 - Gates weds French; the couple goes on to have three children. The Gateses consolidate their charitable giving under the William H. Gates Foundation, named for Gates’ father, who agrees to manage the foundation. It is later absorbed into the Bill & Melinda Gates Foundation.
  • +
  • 1995 - In July, at age 39 and with a fortune of $12.9 billion, Gates becomes the world’s richest man. Later that summer, Microsoft introduces Internet Explorer to the world, as part of Windows 95. The Road Ahead, Gates’ book about his vision for the digital future, holds the No. 1 spot on The New York Times best-seller list for seven weeks. Gates begins to shift Microsoft’s focus toward the emerging Internet.
  • +
  • 1998 - In May, the U.S. Justice Department charges Microsoft with engaging in anticompetitive and exclusionary practices designed to maintain its monopoly in personal computer operating systems and to extend that monopoly to Internet browsing software.
  • +
  • 1999 - Gates publishes another best-selling book, Business @ the Speed of Thought, about the interconnectedness of business and technology.
  • +
  • 2000 - Gates steps down as CEO of Microsoft. Gates’ former Harvard dorm-mate and right-hand man Steve Ballmer takes over the helm, while Gates becomes chief software architect.
  • +
  • 2001 - Judge Penfield’s 2000 decision is overturned on appeal. The DOJ announces that it is no longer seeking to break up Microsoft and will instead seek a lesser antitrust penalty. An agreement is reached between the DOJ and Microsoft on Nov. 2.
  • +
  • 2005 - Queen Elizabeth II bestows an honorary knighthood on Gates for his contributions to the United Kingdom. Time names him a “Person of the Year".
  • +
  • 2006 - Gates announces that his role as an executive at Microsoft will be phased out over the following two years. His intention, he says, is to spend more time working with The Bill and Melinda Gates Foundation. Shortly after his announcement, Warren Buffet donates $31 billion, most of his fortune, to the foundation.
  • +
  • 2007 - Gates “graduates” from Harvard; the university awards him with an honorary degree. Gates gives the commencement speech, encouraging the graduates to strive for social change. “Humanity’s greatest advances are not in its discoveries,” Gates says to the class, “but in how those discoveries are applied to reduce inequity.”
  • +
  • 2008 - Though his fortune continues to grow, Gates loses his spot as the richest man on the planet. After 13 years in the No. 1 spot on the Forbes’ list, Gates’ is surpassed by his friend Warren Buffet and Mexican telecom giant Carlos Slim Helu. Gates retires from day-to-day duties at Microsoft on June 27, but stays in the role of chairman and adviser on important development projects.
  • +
+
"Sorround yourself with people who challenge you, teach you, and push you to be your best self."

-- Bill Gates
+ +
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/homePage.html b/Student Works/MarkCucek/Assignments/CP2A4/homePage.html new file mode 100644 index 00000000..6fea036c --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/homePage.html @@ -0,0 +1,142 @@ + + + + + + Home Page + + + + + +
+
+ +
+
+


+ To register please click the button below. +


+ Register +


+ After you complete your registration you can upload memes yourself by clicking on the button below. +


+ Upload Meme +



















+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/page3.html b/Student Works/MarkCucek/Assignments/CP2A4/page3.html new file mode 100644 index 00000000..348ce20c --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/page3.html @@ -0,0 +1,136 @@ + + + + + + Page 3 + + + + + +
+
+ +
+
+



+ Placeholder text for when we learn PHP. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/page5.html b/Student Works/MarkCucek/Assignments/CP2A4/page5.html new file mode 100644 index 00000000..764b34a5 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/page5.html @@ -0,0 +1,136 @@ + + + + + + Home Page + + + + + +
+
+ +
+
+



+ Placeholder text for when we learn PHP and Javascript. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/rateMeme.html b/Student Works/MarkCucek/Assignments/CP2A4/rateMeme.html new file mode 100644 index 00000000..e4bd1390 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/rateMeme.html @@ -0,0 +1,244 @@ + + + + + + Rating Page + + + + + +
+
+ +
+
+
+

Video Memes

+
+ Bruh + Bruh Sound Effect #2, where the meme originated from. +

+ The Bruh meme is one of utmost simplicity. It is only an audio recording of a man saying "bruh". When the meme was popular
people would frequently associate certain awkward or generally underwhelming moments as "bruh moments".
There was just something about saying it out loud that made it inherently silly. +

+
+ + + + + + Submit +

+
+
+
+
+ Le Monke + UH OH, where the meme originated from. +

+ The Uh Oh Stinky or Le Monke (whichever way you prefer to say it) meme features a very fat-looking monkey first farting and then saying "Uh Oh, Stinky!", and so on.
The original video was uploaded in early 2016, but only started to gain popularity in mid 2019. +

+ UH OH STINKY (Neapolitan version), one of the better Uh Oh Stinky parodies. +

+
+ + + + + + Submit +

+
+
+
+
+ Wario Car Crash + Wario Car Crash Meme +

+ The Wario Car Crash meme features Wario initially exclaiming "OH MY GOD", followed by tire drifting noises and lastly, very loud crashing sounds. +

+
+ + + + + + Submit +

+
+
+
+
+ He Turns Himself Into a Pickle + And Then The Mad Man Spontaneously Changes Into a Pickle +

+ Here is a variation of the meme featuring three British men discussing how he turns himself into a pickle. +

+ +

+ Here is an image of said meme. This meme can be used in both, video and image formats. +

+
+ + + + + + Submit +

+
+
+
+

Image Memes

+
+ Me And The Boys + +
+ Me and the boys features 4 characters from the 60's Spider-Man cartoon. It is typically a wholesome meme. +

+
+ + + + + + Submit +

+
+
+
+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/registerAccountPage.html b/Student Works/MarkCucek/Assignments/CP2A4/registerAccountPage.html new file mode 100644 index 00000000..67a2f5b5 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/registerAccountPage.html @@ -0,0 +1,231 @@ + + + + + + Register Account Page + + + + + +
+
+ +
+
+
+
+
+ Demographic Info + Enter gender: +
+ + +
+ + +
+ + +
+ + +
+
+
+ Other Info + Why do you want to join?
+ +
+ + +
+
+
+
+ Personal Info + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+

+ Submit +
+

+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A4/uploadMeme.html b/Student Works/MarkCucek/Assignments/CP2A4/uploadMeme.html new file mode 100644 index 00000000..a65cb392 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A4/uploadMeme.html @@ -0,0 +1,165 @@ + + + + + + Upload Meme + + + + + +
+
+ +
+
+


+
+ Upload Meme + + +
+
+ Enter description of meme: +
+ +
+ Upload a file photo of the meme: +
+ + +


+ Submit +

+
+







+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/about.html b/Student Works/MarkCucek/Assignments/CP2A5/about.html new file mode 100644 index 00000000..90332092 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/about.html @@ -0,0 +1,84 @@ + + + + + + About Us + + + + +
+ +
+
+
+ +
+
+
+
+ Admins +

Visual Design and Coding by Mark Čuček. +
+ markcucek123@gmail.com +

+ Descriptions and Security by El Raton. +
+ elraton@runawaybeforehegetsyoumail.com +

+ Data Collection by Don Bon. +
+ donbon@iwillstealyourdata.com +

+ Moderation by Martin Krpan. +
+ martinkrpan@moderation.com

+
+
+

Special Thanks

+ We'd like to thank all of you for visiting and contributing to our website. +
+ We'd especially like to thank Don Holgar Eli for his continued patronage. His kind-hearted deeds are a huge reason that our site is still up and running today. +


+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/homePage.html b/Student Works/MarkCucek/Assignments/CP2A5/homePage.html new file mode 100644 index 00000000..d8377c1a --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/homePage.html @@ -0,0 +1,77 @@ + + + + + + Home Page + + + + +
+ +
+
+
+ +
+
+
+
+ List of subpages +
    +
  • Register
  • + This is the registration page. In order to be able to upload and rate memes you must first sign up.

    +
  • Page 3
  • + This page prints all the details once your registration is complete.

    +
  • Upload Meme
  • + This page allows you to upload your own memes to our site!

    +
  • Page 5
  • + This page prints out the details of your meme submission.

    +
  • Rate Memes
  • + This page features our meme gallery. You can explore the vast world of memes and even rate them.

    +
  • About us
  • + This page allows you to learn more about us as well as contact us for bussiness inquiries as well as general questions. +
+
+



















+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/AncapSmiley.png b/Student Works/MarkCucek/Assignments/CP2A5/images/AncapSmiley.png new file mode 100644 index 00000000..8dd4f0eb Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/AncapSmiley.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/Background.png b/Student Works/MarkCucek/Assignments/CP2A5/images/Background.png new file mode 100644 index 00000000..443dc45d Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/Background.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/BigChungus.jpg b/Student Works/MarkCucek/Assignments/CP2A5/images/BigChungus.jpg new file mode 100644 index 00000000..235b359b Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/BigChungus.jpg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/Exodia.png b/Student Works/MarkCucek/Assignments/CP2A5/images/Exodia.png new file mode 100644 index 00000000..5be2d6aa Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/Exodia.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/HeTurnsHimselfIntoAPickle.png b/Student Works/MarkCucek/Assignments/CP2A5/images/HeTurnsHimselfIntoAPickle.png new file mode 100644 index 00000000..8daf424c Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/HeTurnsHimselfIntoAPickle.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/MeAndTheBoys.jpg b/Student Works/MarkCucek/Assignments/CP2A5/images/MeAndTheBoys.jpg new file mode 100644 index 00000000..4fa1a063 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/MeAndTheBoys.jpg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/MyDadIsALadder.png b/Student Works/MarkCucek/Assignments/CP2A5/images/MyDadIsALadder.png new file mode 100644 index 00000000..f5849273 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/MyDadIsALadder.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/Walter.jpeg b/Student Works/MarkCucek/Assignments/CP2A5/images/Walter.jpeg new file mode 100644 index 00000000..16ddf1c0 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A5/images/Walter.jpeg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/code.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/code.svg new file mode 100644 index 00000000..0d1bba10 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/datacollection.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/datacollection.svg new file mode 100644 index 00000000..b372401a --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/datacollection.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/description.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/description.svg new file mode 100644 index 00000000..8f9446ad --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/description.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/desktop.ini b/Student Works/MarkCucek/Assignments/CP2A5/images/desktop.ini new file mode 100644 index 00000000..f1e1ec62 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/desktop.ini @@ -0,0 +1,2 @@ +[LocalizedFileNames] +AncapSmiley.png=@AncapSmiley.png,0 diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/moderation.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/moderation.svg new file mode 100644 index 00000000..1971e2ba --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/moderation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/security.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/security.svg new file mode 100644 index 00000000..5c74803e --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/security.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/images/visualdesign.svg b/Student Works/MarkCucek/Assignments/CP2A5/images/visualdesign.svg new file mode 100644 index 00000000..6281a941 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/images/visualdesign.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/page3.html b/Student Works/MarkCucek/Assignments/CP2A5/page3.html new file mode 100644 index 00000000..5eafae02 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/page3.html @@ -0,0 +1,61 @@ + + + + + + Page 3 + + + + +
+ +
+
+
+ +
+
+



+ Placeholder text for when we learn PHP. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/page5.html b/Student Works/MarkCucek/Assignments/CP2A5/page5.html new file mode 100644 index 00000000..fce81a2f --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/page5.html @@ -0,0 +1,61 @@ + + + + + + Home Page + + + + +
+ +
+
+
+ +
+
+



+ Placeholder text for when we learn PHP and Javascript. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/rateMeme.html b/Student Works/MarkCucek/Assignments/CP2A5/rateMeme.html new file mode 100644 index 00000000..15c52d0d --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/rateMeme.html @@ -0,0 +1,313 @@ + + + + + + Rating Page + + + + +
+ +
+
+
+ +
+
+
+

Video Memes

+
+ Bruh +
+ Bruh Sound Effect #2, where the meme originated from. +

+
+ The Bruh meme is one of utmost simplicity. It is only an audio recording of a man saying "bruh". When the meme was popular
people would frequently associate certain awkward or generally underwhelming moments as "bruh moments".
There was just something about saying it out loud that made it inherently silly. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Le Monke +
+ UH OH, where the meme originated from. +

+
+ The Uh Oh Stinky or Le Monke (whichever way you prefer to say it) meme features a very fat-looking monkey first farting and then saying "Uh Oh, Stinky!", and so on.
The original video was uploaded in early 2016, but only started to gain popularity in mid 2019 +

+ UH OH STINKY (Neapolitan version), one of the better Uh Oh Stinky parodies. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Wario Car Crash +
+ Wario Car Crash Meme +

+
+ The Wario Car Crash meme features Wario initially exclaiming "OH MY GOD", followed by tire drifting noises and lastly, very loud crashing sounds. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ He Turns Himself Into a Pickle +
+ And Then The Mad Man Spontaneously Changes Into a Pickle +

+
+ Here is a variation of the meme featuring three British men discussing how he turns himself into a pickle. +

+ The meme is a reference to Pickle Rick from the show Rick and Morty. It is always told by a popular imaginary or real world character in various different situations. +

+
+ +
+
+ Here is an image of said meme. This meme can be used in both, video and image formats. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ A Man Has Fallen Into The River In Lego City +
+ A Man Has Fallen Into The River In Lego City (Commercial), where the meme originated from. +

+
+ This meme was popularized during early 2020. It's an old commercial for LEGO's City line of products. It has inspired many variations, such as: + Trump Speech: A man has fallen into the river of Lego City +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+

Image Memes

+
+ Me And The Boys +
+
+ Me And The Boys +
+
+
+ Me and the boys features 4 characters from the 60's Spider-Man cartoon. It is typically a wholesome meme. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Walter +
+
+ Walter the dog +
+
+
+ Walter is a meme featuring this dog, Walter. That is it, that's the entire meme. Sometimes he's featured doing things or just with top and bottom captions. The meme was popularized on r/dogelore. His real name is actually Nelson. Now he has his own subreddit: r/walterlore. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Exodia +
+
+ Walter the dog +
+
+
+ This is a meme featuring Exodia the Forbidden One from the popular Trading Card Game Yu-Gi-Oh!. It features all the pieces of Exodia, including a card called Little D (Stands for Little Dinosaur) positioned between his legs. Little D is one of the more funnily named cards from Yu-Gi-Oh!, but there's a few other similar ones such as Lord of D (Lord of Dragons). +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ My Dad Is a Ladder +
+
+ Walter the dog +
+
+
+ This meme features two people, a dad and a son. The dad is a ladder. This meme very much has a shock factor. It really makes you think, his dad really is a ladder. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Big Chungus +
+
+ Walter the dog +
+
+
+ Big Chungus is fat Bugs Bunny from Looney Toons. The meme was popularized in late 2018 and had somewhat of a resurgence recently. There are two subreddits currently at war between each other called r/mediumchungus and r/bigchungus. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/registerAccountPage.html b/Student Works/MarkCucek/Assignments/CP2A5/registerAccountPage.html new file mode 100644 index 00000000..02c06a86 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/registerAccountPage.html @@ -0,0 +1,118 @@ + + + + + + Register Account Page + + + + +
+ +
+
+
+ +
+
+
+
+
+ Demographic Info + Enter gender: +
+ + +
+ + +
+ + +
+ + +
+
+
+ Other Info + Why do you want to join?
+ +
+ + +
+
+
+
+ Personal Info + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+

+ Submit +
+

+
+
+
+ Credit for the background image goes to + + DannyMyBrother. +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A5/styles/styles.css b/Student Works/MarkCucek/Assignments/CP2A5/styles/styles.css new file mode 100644 index 00000000..2b329dac --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/styles/styles.css @@ -0,0 +1,146 @@ +* { + box-sizing: border-box; +} /* This is the universal box sizing. It creates a box around everything. */ +body { + background-image: url(../images/Background.png); + font-family: montserrat; + background-attachment: fixed; +} /* This gives the body of the pages the selected background image and font. The fixed background-attachment makes the background image scroll along with the site. */ +nav { + float: left; + width: 15%; + margin-top: 26px; +} /* This is used to style the navbar (the various links that take you to different sites upon clicking on them) */ +article { + color: white; + border-left: 4px solid #6c6c76; + border-bottom: 4px solid #6c6c75; + border-right: 4px solid #6c6c75; + border-top: 4px solid #6c6c75; +} /* This is used to style the article - the part from the end of header to the beginning of the footer. It has a big box around it because of the borders. */ +fieldset.a { + border-left: 4px solid #bfdb87; + border-right: 4px solid #bfdb87; + border-bottom: 4px solid #bfdb87; + border-top: 4px solid #bfdb87; +} /* This is used to style the fieldset of the class="a". It has a green border all around it." */ +fieldset.b { + border: none; + display: inline-block; +} /* This is used to style the fieldset of the class="b". It has no border and the inline-block display to make it look cleaner. */ +legend { + font-size: 20px; + color: #bfdb87; +} /* This is used to style the legend - the green text used for titling information on the registration site. */ +legend.b { + font-size: 20px; + color: #bfdb87; +} /* This is used to style the legend of the class="b" - the green text for titling memes on the meme rating site. */ +legend.b:hover { + color: white; +} /* This is used to make the legend of the class="b" change color when hovered over to white. */ +a.a { + text-decoration: none; + color: white; +} /* This is used to style the a of the class="a". It is used for the links in the navbar */ +a.b { + text-decoration: none; + color: #bfdb87; +} /* This is used to style the a of the class="b". It is used for links. */ +a.c { + text-decoration: none; + color: #bfdb87; + font-size: 20px; +} /* This is used to style the List of subpages on the Home Page */ +li.a { + list-style-type: none; + width: 85%; + border-left: 4px solid #bfdb87; + border-right: 4px solid #bfdb87; + border-bottom: 4px solid #bfdb87; + border-top: 4px solid #bfdb87; + padding: 6px 2px; + padding-left: 6px; + margin-bottom: 10px; + background-color: #6c6c76; + text-align: left; + color: white; +} /* This is used to style the navbar items (Home Page - Rate Memes links). It gives them a border, padding, width, etc. */ +li.b { + text-decoration: none; + list-style-image: url("../images/AncapSmiley.png"); + margin-left: 90px; +} /* This is used to style the List of subpages items on the Home Page */ +label.a { + margin-right: 7px; +} +label.b { + margin-right: 21px; +} +label.c { + margin-right: 22px; +} +label.d { + margin-right: 20px; +} +label.e { + margin-right: 23px; +} +label.f { + margin-right: 5px; +} +label.g { + margin-right: 53px; +} +label.h { + margin-right: 35px; +} /* All of the label classes are used to style a textbox on the registration page so that they all align. I'm sure there's a better way of doing this but I couldn't find it online. */ +.button { + padding: 16px 48px; + color: white; + background-color: #6c6c76; + text-decoration: none; + border-left: 5px solid #bfdb87; + border-right: 5px solid #bfdb87; + border-bottom: 5px solid #bfdb87; + border-top: 5px solid #bfdb87; + transition-duration: 0.4s; +} /* This is used to style the Submit button that can be seen on multiple sites. */ +.button:hover { + background-color: #bfdb87; +} /* This gives the aforementioned buttons a hover effect that makes it change color when it is hovered over. */ +#header { + font-size: 50px; + text-align: center; + padding: 20px 8px; + background-color: #bfdb87; + color: white; + border-left: 4px solid #6c6c76; + border-right: 4px solid #6c6c76; + border-bottom: 4px solid #6c6c76; + border-top: 4px solid #6c6c76; +} /* This is the header id used for the header division. It provides it with all kinds of elements to style it accordingly. */ +#credit { + font-size: 15px; + text-align: left; + color: white; + padding: 8px 5px; + background-color: #6c6c76; + border-left: 3px solid #bfdb87; + border-right: 3px solid #bfdb87; + border-bottom: 3px solid #bfdb87; + border-top: 3px solid #bfdb87; +} /* This is the credit id used for the credit division. It provides it with all kinds of elements to style it accordingly. */ +.memedescription { + color: lightgray; +} /* This is the memedescription class used for the memedescription divisions on the meme rating page. */ +.memeimage { + max-width: 100%; +} /* This is used for the responsiveness of the meme images */ +header { + position: sticky; + top: 0; +} /* This is to make the header follow as you scroll. */ +p { + color: #bfdb87; +} diff --git a/Student Works/MarkCucek/Assignments/CP2A5/uploadMeme.html b/Student Works/MarkCucek/Assignments/CP2A5/uploadMeme.html new file mode 100644 index 00000000..0ee87866 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A5/uploadMeme.html @@ -0,0 +1,78 @@ + + + + + + Upload Meme + + + + +
+ +
+
+
+ +
+
+


+
+ Upload Meme + + +
+
+ Enter description of meme: +
+ +
+ Upload a file photo of the meme: +
+ + +


+ Submit +

+
+







+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/about.html b/Student Works/MarkCucek/Assignments/CP2A6/about.html new file mode 100644 index 00000000..a9b6fa6c --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/about.html @@ -0,0 +1,84 @@ + + + + + + About Us + + + + +
+ +
+
+
+ +
+
+
+
+ Admins +

Visual Design and Coding by Mark Čuček. +
+ markcucek123@gmail.com +

+ Descriptions and Security by El Raton. +
+ elraton@runawaybeforehegetsyoumail.com +

+ Data Collection by Don Bon. +
+ donbon@iwillstealyourdata.com +

+ Moderation by Martin Krpan. +
+ martinkrpan@moderation.com

+
+
+

Special Thanks

+ We'd like to thank all of you for visiting and contributing to our website. +
+ We'd especially like to thank Don Holgar Eli for his continued patronage. His kind-hearted deeds are a huge reason that our site is still up and running today. +


+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/homePage.html b/Student Works/MarkCucek/Assignments/CP2A6/homePage.html new file mode 100644 index 00000000..65c22918 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/homePage.html @@ -0,0 +1,109 @@ + + + + + + Home Page + + + + +
+ +
+
+
+ +
+
+
+
+ + + +
+ + +
+ +
+
+ List of subpages +
    +
  • Register
  • + This is the registration page. In order to be able to upload and rate memes you must first sign up.

    +
  • Page 3
  • + This page prints all the details once your registration is complete.

    +
  • Upload Meme
  • + This page allows you to upload your own memes to our site!

    +
  • Page 5
  • + This page prints out the details of your meme submission.

    +
  • Rate Memes
  • + This page features our meme gallery. You can explore the vast world of memes and even rate them.

    +
  • About us
  • + This page allows you to learn more about us as well as contact us for bussiness inquiries as well as general questions. +
+
+
+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/AncapSmiley.png b/Student Works/MarkCucek/Assignments/CP2A6/images/AncapSmiley.png new file mode 100644 index 00000000..8dd4f0eb Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/AncapSmiley.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/Background.png b/Student Works/MarkCucek/Assignments/CP2A6/images/Background.png new file mode 100644 index 00000000..443dc45d Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/Background.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/BigChungus.jpg b/Student Works/MarkCucek/Assignments/CP2A6/images/BigChungus.jpg new file mode 100644 index 00000000..235b359b Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/BigChungus.jpg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/Exodia.png b/Student Works/MarkCucek/Assignments/CP2A6/images/Exodia.png new file mode 100644 index 00000000..5be2d6aa Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/Exodia.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/HeTurnsHimselfIntoAPickle.png b/Student Works/MarkCucek/Assignments/CP2A6/images/HeTurnsHimselfIntoAPickle.png new file mode 100644 index 00000000..8daf424c Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/HeTurnsHimselfIntoAPickle.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/MeAndTheBoys.jpg b/Student Works/MarkCucek/Assignments/CP2A6/images/MeAndTheBoys.jpg new file mode 100644 index 00000000..4fa1a063 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/MeAndTheBoys.jpg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/MyDadIsALadder.png b/Student Works/MarkCucek/Assignments/CP2A6/images/MyDadIsALadder.png new file mode 100644 index 00000000..f5849273 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/MyDadIsALadder.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/Walter.jpeg b/Student Works/MarkCucek/Assignments/CP2A6/images/Walter.jpeg new file mode 100644 index 00000000..16ddf1c0 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/Walter.jpeg differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/code.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/code.svg new file mode 100644 index 00000000..0d1bba10 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/datacollection.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/datacollection.svg new file mode 100644 index 00000000..b372401a --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/datacollection.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/description.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/description.svg new file mode 100644 index 00000000..8f9446ad --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/description.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/desktop.ini b/Student Works/MarkCucek/Assignments/CP2A6/images/desktop.ini new file mode 100644 index 00000000..f1e1ec62 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/desktop.ini @@ -0,0 +1,2 @@ +[LocalizedFileNames] +AncapSmiley.png=@AncapSmiley.png,0 diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/moderation.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/moderation.svg new file mode 100644 index 00000000..1971e2ba --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/moderation.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/security.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/security.svg new file mode 100644 index 00000000..5c74803e --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/security.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/unknown.png b/Student Works/MarkCucek/Assignments/CP2A6/images/unknown.png new file mode 100644 index 00000000..5a2e9868 Binary files /dev/null and b/Student Works/MarkCucek/Assignments/CP2A6/images/unknown.png differ diff --git a/Student Works/MarkCucek/Assignments/CP2A6/images/visualdesign.svg b/Student Works/MarkCucek/Assignments/CP2A6/images/visualdesign.svg new file mode 100644 index 00000000..6281a941 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/images/visualdesign.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/page3.html b/Student Works/MarkCucek/Assignments/CP2A6/page3.html new file mode 100644 index 00000000..afe05af4 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/page3.html @@ -0,0 +1,61 @@ + + + + + + Page 3 + + + + +
+ +
+
+
+ +
+
+



+ Placeholder text for when we learn PHP. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/page5.html b/Student Works/MarkCucek/Assignments/CP2A6/page5.html new file mode 100644 index 00000000..36631f47 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/page5.html @@ -0,0 +1,61 @@ + + + + + + Home Page + + + + +
+ +
+
+
+ +
+
+



+ Placeholder text for when we learn PHP and Javascript. I've tried to do it on my own and failed spectacularly. +



+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/rateMeme.html b/Student Works/MarkCucek/Assignments/CP2A6/rateMeme.html new file mode 100644 index 00000000..d473d753 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/rateMeme.html @@ -0,0 +1,194 @@ + + + + + + Rating Page + + + + +
+ +
+
+
+ +
+
+
+

Video Memes

+
+ Bruh +
+ Bruh Sound Effect #2, where the meme originated from. +

+
+ The Bruh meme is one of utmost simplicity. It is only an audio recording of a man saying "bruh". When the meme was popular
people would frequently associate certain awkward or generally underwhelming moments as "bruh moments".
There was just something about saying it out loud that made it inherently silly. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Le Monke +
+ UH OH, where the meme originated from. +

+
+ The Uh Oh Stinky or Le Monke (whichever way you prefer to say it) meme features a very fat-looking monkey first farting and then saying "Uh Oh, Stinky!", and so on.
The original video was uploaded in early 2016, but only started to gain popularity in mid 2019 +

+ UH OH STINKY (Neapolitan version), one of the better Uh Oh Stinky parodies. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Wario Car Crash +
+ Wario Car Crash Meme +

+
+ The Wario Car Crash meme features Wario initially exclaiming "OH MY GOD", followed by tire drifting noises and lastly, very loud crashing sounds. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ He Turns Himself Into a Pickle +
+ And Then The Mad Man Spontaneously Changes Into a Pickle +

+
+ Here is a variation of the meme featuring three British men discussing how he turns himself into a pickle. +

+ The meme is a reference to Pickle Rick from the show Rick and Morty. It is always told by a popular imaginary or real world character in various different situations. +

+
+ +
+
+ Here is an image of said meme. This meme can be used in both, video and image formats. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ A Man Has Fallen Into The River In Lego City +
+ A Man Has Fallen Into The River In Lego City (Commercial), where the meme originated from. +

+
+ This meme was popularized during early 2020. It's an old commercial for LEGO's City line of products. It has inspired many variations, such as: + Trump Speech: A man has fallen into the river of Lego City +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+
+ +
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/rateMeme2.html b/Student Works/MarkCucek/Assignments/CP2A6/rateMeme2.html new file mode 100644 index 00000000..fc188147 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/rateMeme2.html @@ -0,0 +1,193 @@ + + + + + + Rating Page + + + + +
+ +
+
+
+ +
+
+
+

Image Memes

+
+ Me And The Boys +
+
+ Me And The Boys +
+
+
+ Me and the boys features 4 characters from the 60's Spider-Man cartoon. It is typically a wholesome meme. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Walter +
+
+ Walter the dog +
+
+
+ Walter is a meme featuring this dog, Walter. That is it, that's the entire meme. Sometimes he's featured doing things or just with top and bottom captions. The meme was popularized on r/dogelore. His real name is actually Nelson. Now he has his own subreddit: r/walterlore. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Exodia +
+
+ Walter the dog +
+
+
+ This is a meme featuring Exodia the Forbidden One from the popular Trading Card Game Yu-Gi-Oh!. It features all the pieces of Exodia, including a card called Little D (Stands for Little Dinosaur) positioned between his legs. Little D is one of the more funnily named cards from Yu-Gi-Oh!, but there's a few other similar ones such as Lord of D (Lord of Dragons). +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ My Dad Is a Ladder +
+
+ Walter the dog +
+
+
+ This meme features two people, a dad and a son. The dad is a ladder. This meme very much has a shock factor. It really makes you think, his dad really is a ladder. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+ Big Chungus +
+
+ Walter the dog +
+
+
+ Big Chungus is fat Bugs Bunny from Looney Toons. The meme was popularized in late 2018 and had somewhat of a resurgence recently. There are two subreddits currently at war between each other called r/mediumchungus and r/bigchungus. +
+

+
+
+ + + + + + Submit +
+
+
+
+
+
+
+
+ +
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/registerAccountPage.html b/Student Works/MarkCucek/Assignments/CP2A6/registerAccountPage.html new file mode 100644 index 00000000..516f2a10 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/registerAccountPage.html @@ -0,0 +1,118 @@ + + + + + + Register Account Page + + + + +
+ +
+
+
+ +
+
+
+
+
+ Demographic Info + Enter gender: +
+ + +
+ + +
+ + +
+ + +
+
+
+ Other Info + Why do you want to join?
+ +
+ + +
+
+
+
+ Personal Info + + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+ + +
+
+

+ Submit +
+

+
+
+
+ Credit for the background image goes to + + DannyMyBrother. +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/styles/styles.css b/Student Works/MarkCucek/Assignments/CP2A6/styles/styles.css new file mode 100644 index 00000000..fa899b0d --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/styles/styles.css @@ -0,0 +1,189 @@ +* { + box-sizing: border-box; +} /* This is the universal box sizing. It creates a box around everything. */ +body { + background-image: url(../images/Background.png); + font-family: montserrat; + background-attachment: fixed; +} /* This gives the body of the pages the selected background image and font. The fixed background-attachment makes the background image scroll along with the site. */ +nav { + float: left; + width: 15%; + margin-top: 26px; +} /* This is used to style the navbar (the various links that take you to different sites upon clicking on them) */ +article { + color: white; + border-left: 4px solid #6c6c76; + border-bottom: 4px solid #6c6c75; + border-right: 4px solid #6c6c75; + border-top: 4px solid #6c6c75; +} /* This is used to style the article - the part from the end of header to the beginning of the footer. It has a big box around it because of the borders. */ +fieldset.a { + border-left: 4px solid #bfdb87; + border-right: 4px solid #bfdb87; + border-bottom: 4px solid #bfdb87; + border-top: 4px solid #bfdb87; +} /* This is used to style the fieldset of the class="a". It has a green border all around it." */ +fieldset.b { + border: none; + display: inline-block; +} /* This is used to style the fieldset of the class="b". It has no border and the inline-block display to make it look cleaner. */ +legend { + font-size: 20px; + color: #bfdb87; +} /* This is used to style the legend - the green text used for titling information on the registration site. */ +legend.b { + font-size: 20px; + color: #bfdb87; +} /* This is used to style the legend of the class="b" - the green text for titling memes on the meme rating site. */ +legend.b:hover { + color: white; +} /* This is used to make the legend of the class="b" change color when hovered over to white. */ +a.a { + text-decoration: none; + color: white; +} /* This is used to style the a of the class="a". It is used for the links in the navbar */ +a.active { + text-decoration: none; + color: #B7A782; +} +a.b { + text-decoration: none; + color: #bfdb87; +} /* This is used to style the a of the class="b". It is used for links. */ +a.c { + text-decoration: none; + color: #bfdb87; + font-size: 20px; +} /* This is used to style the List of subpages on the Home Page */ +li.a { + list-style-type: none; + width: 85%; + border-left: 4px solid #bfdb87; + border-right: 4px solid #bfdb87; + border-bottom: 4px solid #bfdb87; + border-top: 4px solid #bfdb87; + padding: 6px 2px; + padding-left: 6px; + margin-bottom: 10px; + background-color: #6c6c76; + text-align: left; + color: white; +} /* This is used to style the navbar items (Home Page - Rate Memes links). It gives them a border, padding, width, etc. */ +li.a:hover { + border-left: 4px solid #B7A782; + border-right: 4px solid #B7A782; + border-bottom: 4px solid #B7A782; + border-top: 4px solid #B7A782; + color: #B7A782; +} +li.active { + list-style-type: none; + width: 85%; + border-left: 4px solid #B7A782; + border-right: 4px solid #B7A782; + border-bottom: 4px solid #B7A782; + border-top: 4px solid #B7A782; + padding: 6px 2px; + padding-left: 6px; + margin-bottom: 10px; + background-color: #6c6c76; + text-align: left; + color: #B7A782; +} +li.b { + text-decoration: none; + list-style-image: url("../images/AncapSmiley.png"); + margin-left: 90px; +} /* This is used to style the List of subpages items on the Home Page */ +label.a { + margin-right: 7px; +} +label.b { + margin-right: 21px; +} +label.c { + margin-right: 22px; +} +label.d { + margin-right: 20px; +} +label.e { + margin-right: 23px; +} +label.f { + margin-right: 5px; +} +label.g { + margin-right: 53px; +} +label.h { + margin-right: 35px; +} /* All of the label classes are used to style a textbox on the registration page so that they all align. I'm sure there's a better way of doing this but I couldn't find it online. */ +.button { + padding: 16px 48px; + color: white; + background-color: #6c6c76; + text-decoration: none; + border-left: 5px solid #bfdb87; + border-right: 5px solid #bfdb87; + border-bottom: 5px solid #bfdb87; + border-top: 5px solid #bfdb87; + transition-duration: 0.4s; +} /* This is used to style the Submit button that can be seen on multiple sites. */ +.button:hover { + background-color: #bfdb87; +} /* This gives the aforementioned buttons a hover effect that makes it change color when it is hovered over. */ +#header { + font-size: 50px; + text-align: center; + padding: 20px 8px; + background-color: #bfdb87; + color: white; + border-left: 4px solid #6c6c76; + border-right: 4px solid #6c6c76; + border-bottom: 4px solid #6c6c76; + border-top: 4px solid #6c6c76; +} /* This is the header id used for the header division. It provides it with all kinds of elements to style it accordingly. */ +#credit { + font-size: 15px; + text-align: left; + color: white; + padding: 8px 5px; + background-color: #6c6c76; + border-left: 3px solid #bfdb87; + border-right: 3px solid #bfdb87; + border-bottom: 3px solid #bfdb87; + border-top: 3px solid #bfdb87; +} /* This is the credit id used for the credit division. It provides it with all kinds of elements to style it accordingly. */ +.memedescription { + color: lightgray; +} /* This is the memedescription class used for the memedescription divisions on the meme rating page. */ +.memeimage { + max-width: 100%; +} /* This is used for the responsiveness of the meme images */ +header { + position: sticky; + top: 0; +} /* This is to make the header follow as you scroll. */ +p { + color: #bfdb87; +} +img { + border-radius: 10%; +} +.pagination { + font-size: 20px; + text-align: center; +} +.mySlides { + display:none; +} +button { + background-color: #6c6c76; + color: #bfdb87; + border-left: 3px solid #bfdb87; + border-right: 3px solid #bfdb87; + border-bottom: 3px solid #bfdb87; + border-top: 3px solid #bfdb87; +} \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A6/uploadMeme.html b/Student Works/MarkCucek/Assignments/CP2A6/uploadMeme.html new file mode 100644 index 00000000..7463b7c5 --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A6/uploadMeme.html @@ -0,0 +1,78 @@ + + + + + + Upload Meme + + + + +
+ +
+
+
+ +
+
+


+
+ Upload Meme + + +
+
+ Enter description of meme: +
+ +
+ Upload a file photo of the meme: +
+ + +


+ Submit +

+
+







+
+
+
+ Credit for the background image goes to + + DannyMyBrother. + +
+ Copyright © Mark Čuček +
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A7/gradient.html b/Student Works/MarkCucek/Assignments/CP2A7/gradient.html new file mode 100644 index 00000000..5524081e --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A7/gradient.html @@ -0,0 +1,40 @@ + + + + + Cool Gradient! + + + + + + + +
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Assignments/CP2A8/elcountero.html b/Student Works/MarkCucek/Assignments/CP2A8/elcountero.html new file mode 100644 index 00000000..acb50abb --- /dev/null +++ b/Student Works/MarkCucek/Assignments/CP2A8/elcountero.html @@ -0,0 +1,93 @@ + + + + + Counter Page + + + + + +
+ + + +
+
+ + +
Numbers
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 1/gettyimages-147664072.jpg b/Student Works/MarkCucek/Current Work/CP 2 Week 1/gettyimages-147664072.jpg new file mode 100644 index 00000000..93343d3a Binary files /dev/null and b/Student Works/MarkCucek/Current Work/CP 2 Week 1/gettyimages-147664072.jpg differ diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 1/htmlexercise.html b/Student Works/MarkCucek/Current Work/CP 2 Week 1/htmlexercise.html new file mode 100644 index 00000000..8ba2bfdd --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 1/htmlexercise.html @@ -0,0 +1,18 @@ + + + + + +

Homepage header

+

My first

+
+ paragraph +

+ +
           This is haiku
+           Perhaps not a haiku
+           But whatever lol
+   
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 4/page1.html b/Student Works/MarkCucek/Current Work/CP 2 Week 4/page1.html new file mode 100644 index 00000000..c550d72a --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 4/page1.html @@ -0,0 +1,104 @@ + + + + Page 1 + + + + +
+
+ + +
+ + +
+
+ Demographic: + Gender: +
+ + +
+ + +
+ + +
+ What is your age group? +
+ +
+ +
+
+
+ Meal Choice + What do you like to eat? +
+ + +
+ + +
+ + +
+
+ + +
+ Why do you want to join?
+ +
+ Upload your CV + + +
+ +
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 4/page2.html b/Student Works/MarkCucek/Current Work/CP 2 Week 4/page2.html new file mode 100644 index 00000000..ec6601eb --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 4/page2.html @@ -0,0 +1,7 @@ + + + +

Boku wa Banzai des!

+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 5/page1.html b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page1.html new file mode 100644 index 00000000..7f325824 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page1.html @@ -0,0 +1,86 @@ + + + + GIF Galore + + + + +
+

The best GIFs of this millennia

+

Showing you the best that have changed history

+
+
+ +
+

+
+                    We're no strangers to love
+                    You know the rules and so do I
+                    A full commitment's what I'm thinking of
+                    You wouldn't get this from any other guy
+                    I just wanna tell you how I'm feeling
+                    Gotta make you understand
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+                    Never gonna say goodbye
+                    Never gonna tell a lie and hurt you
+                    We've known each other for so long
+                    Your heart's been aching but you're too shy to say it
+                    Inside we both know what's been going on
+                    We know the game and we're gonna play it
+                    And if you ask me how I'm feeling
+                    Don't tell me you're too blind to see
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+                    Never gonna say goodbye
+                    Never gonna tell a lie and hurt you
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+                    Never gonna say goodbye
+                    Never gonna tell a lie and hurt you
+                    Never gonna give, never gonna give
+                    (Give you up)
+                    (Ooh) Never gonna give, never gonna give
+                    (Give you up)
+                    We've known each other for so long
+                    Your heart's been aching but you're too shy to say it
+                    Inside we both know what's been going on
+                    We know the game and we're gonna play it
+                    I just wanna tell you how I'm feeling
+                    Gotta make you understand
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+                    Never gonna say goodbye
+                    Never gonna tell a lie and hurt you
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+                    Never gonna say goodbye
+                    Never gonna tell a lie and hurt you
+                    Never gonna give you up
+                    Never gonna let you down
+                    Never gonna run around and desert you
+                    Never gonna make you cry
+
+
+
+

© Copyright 9GAG.com

+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 5/page2.html b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page2.html new file mode 100644 index 00000000..9b509a69 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page2.html @@ -0,0 +1,32 @@ + + + + + GIF of the Day + + + + +
+

GIF of the Day

+

Showing you today's best performing GIF

+
+
+ +
+
MFW (My Face When)
+

+
when I chicken
+

Description

+

The Dancing Cockroach GIF features a cockroach rotating.

+
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 5/page3.html b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page3.html new file mode 100644 index 00000000..0aceb853 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 5/page3.html @@ -0,0 +1,30 @@ + + + + + Be a Volunteer + + + + +
+

Be a Volunteer

+

You can submit your own GIFs as well :))

+
+
+ +
+

Submit your own GIFs below!

+ + +
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 5/rick.css b/Student Works/MarkCucek/Current Work/CP 2 Week 5/rick.css new file mode 100644 index 00000000..e0e74ea0 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 5/rick.css @@ -0,0 +1,121 @@ +* { + box-sizing: border-box; +} + +body { + background: #ffe5e5; + outline: 2px dotted tomato; +} + +header { + border-bottom: 2px solid tomato; + font-family: sans-serif; + margin: auto; + padding-top: 10px; + padding-left: 10px; + height: 15%; +} + +h1 { + letter-spacing: 15px; + word-spacing: 20px; + font-size: 35px; + line-height: 40px; + text-shadow: 3px 2px orange; +} + +h2 { + font-style: italic; + font-size: 20px; + text-decoration: line-through; + text-shadow: 2px 1px dodgerblue; +} + +h3 { + font-style: italic; + font-size: 20px; + text-decoration: underline; + text-shadow: 2px 1px mediumseagreen; + padding-left: 10px; +} + +h4 { + font-size: 15px; + padding-left: 10px; +} + +h5 { + letter-spacing: 15px; + word-spacing: 20px; + font-size: 35px; + line-height: 40px; + text-shadow: 3px 2px orange; + text-align: center; +} + +section { + height: 70%; +} + +nav { + float: left; + border-right: 2px solid tomato; + width: 30%; + height: 100%; +} + +a { + color: hotpink; + text-decoration: none; +} + +a:hover { + color: orange; +} + +ul { + background: #ff9999; + list-style-image: url("https://phoneky.co.uk/thumbs/screensavers/down/abstract/poring_rbjz4fhl.gif"); + list-style-position: inside; + margin-left: 40; + padding: 0; + font-size: 25px; + overflow: auto; +} + +ul li { + background: #ffe5e5; +} + +li a { + display: block; +} + +li a:hover { + background-color: white; +} + +article { + float: left; + border: 2px solid tomato; + width: 70%; + height: 100%; + background-image: url("https://media3.giphy.com/media/URI7924u8ybpm/giphy.gif"); + background-repeat: repeat; + background-attachment: scroll; + overflow: auto; +} + +p.image { + text-align: center; +} + +img:hover { + opacity: 0.5; +} + +footer { + border-top: 2px solid tomato; + height: 15%; +} + diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/album1.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/album1.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/album2.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/album2.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/album3.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/album3.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/img1.jpg b/Student Works/MarkCucek/Current Work/CP 2 Week 6/img1.jpg new file mode 100644 index 00000000..11696071 Binary files /dev/null and b/Student Works/MarkCucek/Current Work/CP 2 Week 6/img1.jpg differ diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/orange.css b/Student Works/MarkCucek/Current Work/CP 2 Week 6/orange.css new file mode 100644 index 00000000..67bd6c60 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 6/orange.css @@ -0,0 +1,102 @@ +body{ + background-color: aquamarine; +} +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + position: fixed; + bottom: 0; +} + +li { + float: left; +} + +li a, .dropbtn { + display: inline-block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +li a:hover, .dropdown:hover .dropbtn { + background-color: hotpink; +} + +li.dropdown { + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.dropdown-content a:hover { + background-color: #f1f1f1; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +div.gallery { + margin: 5px; + border: 1px solid #ccc; + float: left; + width: 180px; +} + +div.gallery:hover { + border: 1px solid #777; +} + +div.gallery img { + width: 100%; + height: auto; +} + +div.desc { + padding: 15px; + text-align: center; +} + +input { + /*width: 100%;*/ +} + +input[type=text] { + padding: 12px 20px; + margin: 8px 0; + border-bottom: 2px solid blue; + box-sizing: border-box; + background-color: #3cbc8d; + color: white; + transition: width 0.4s ease-in-out; +} + +input[type=text]:focus { + background-color: white; + color: black; + width: 100%; +} + +h1 { + color: orange; +} \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagea.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagea.html new file mode 100644 index 00000000..e844da16 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagea.html @@ -0,0 +1,41 @@ + + + + Home + + + + +
+

Welcome!

+
+
+ +
+ +
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/pageb.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pageb.html new file mode 100644 index 00000000..08d4513b --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pageb.html @@ -0,0 +1,46 @@ + + + + Gallery + + + + +
+

Welcome!

+
+
+ +
+ + + +
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagec.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagec.html new file mode 100644 index 00000000..5a778c5f --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 6/pagec.html @@ -0,0 +1,37 @@ + + + + About + + + + +
+

Welcome!

+
+
+ +
+
+ +
+ +
+ +
+ +
+
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 6/paged.html b/Student Works/MarkCucek/Current Work/CP 2 Week 6/paged.html new file mode 100644 index 00000000..d28bf392 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 6/paged.html @@ -0,0 +1,32 @@ + + + + Contact + + + + +
+

Welcome!

+
+
+ +
+ We are a corporate group out for your money, please send it now using the button below. +
+ +
+
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/PedoBear.jpg b/Student Works/MarkCucek/Current Work/CP 2 Week 7/PedoBear.jpg new file mode 100644 index 00000000..fa205542 Binary files /dev/null and b/Student Works/MarkCucek/Current Work/CP 2 Week 7/PedoBear.jpg differ diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/egg.css b/Student Works/MarkCucek/Current Work/CP 2 Week 7/egg.css new file mode 100644 index 00000000..7cd86ca5 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 7/egg.css @@ -0,0 +1,36 @@ +body { + background-color: darkseagreen; + font-family: arial; + color: white; +} + +header { + padding: 12px 32px; + border-top: 2px solid green; + border-bottom: 2px solid green; + border-left: 2px solid green; + border-right: 2px solid green; + background-color: mediumaquamarine; + text-align: center; +} + +nav { + width: 15%; + float: left; +} + +article { + width: 85%; +} + +a { + padding: 4px 8px; + border-top: 2px solid green; + border-bottom: 2px solid green; + border-left: 2px solid green; + border-right: 2px solid green; + background-color: mediumaquamarine; + text-align: center; + text-decoration: none; + color: white; +} \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/hidethepainharold.jpg b/Student Works/MarkCucek/Current Work/CP 2 Week 7/hidethepainharold.jpg new file mode 100644 index 00000000..2d2e595f Binary files /dev/null and b/Student Works/MarkCucek/Current Work/CP 2 Week 7/hidethepainharold.jpg differ diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/pagea.html b/Student Works/MarkCucek/Current Work/CP 2 Week 7/pagea.html new file mode 100644 index 00000000..86316dfd --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 7/pagea.html @@ -0,0 +1,47 @@ + + + + + + My first time with Javascript + + + +
+ +
+
+ + +
+

Hello World!

+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/pageb.html b/Student Works/MarkCucek/Current Work/CP 2 Week 7/pageb.html new file mode 100644 index 00000000..32536ef0 --- /dev/null +++ b/Student Works/MarkCucek/Current Work/CP 2 Week 7/pageb.html @@ -0,0 +1,14 @@ + + + + + + EW YUCK FACEBOOK GROSS + + + + +

Facebook sucks!

+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Current Work/CP 2 Week 7/youjustgotbeaned.jpg b/Student Works/MarkCucek/Current Work/CP 2 Week 7/youjustgotbeaned.jpg new file mode 100644 index 00000000..e6b4fb8d Binary files /dev/null and b/Student Works/MarkCucek/Current Work/CP 2 Week 7/youjustgotbeaned.jpg differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/Home.html b/Student Works/MarkCucek/Project/Taxonoms/Home.html new file mode 100644 index 00000000..87ca4150 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/Home.html @@ -0,0 +1,44 @@ + + + + + + + Taxonoms Home + + + + +
+ +
+ +
+
+
+ +
+
+
+
+

Taxonoms is a turn-based RPG where you travel across the land, befriending both characters and wildlife alike. Along on your journey you can travel several lands, planets, and dimensions.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/Taxopedia.html b/Student Works/MarkCucek/Project/Taxonoms/Taxopedia.html new file mode 100644 index 00000000..3e66c6d2 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/Taxopedia.html @@ -0,0 +1,242 @@ + + + + + + + Taxopedia + + + + +
+ +
+ +
+
+
+ +
+
+
+
+
+
+ Gore'ito +
+ Alien +
+
+
+
+
+
+
+ Drutie +
+ DragonDark +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ X +
+ AlienElectro +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ Weenie +
+ Cool +
+
+
+
+
+
+ +
+
+
+
+
+
+ Salty Edith +
+ Rock +
+
+
+
+
+
+
+ HPBall +
+ Dark +
+
+
+
+
+
+
+ Grey +
+ AlienPower +
+
+
+
+
+
+
+ Amored +
+ GrassMetal +
+
+
+
+
+
+
+ Hogfish +
+ Hydro +
+
+
+
+
+ +
+
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/TierMaker.html b/Student Works/MarkCucek/Project/Taxonoms/TierMaker.html new file mode 100644 index 00000000..05826f18 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/TierMaker.html @@ -0,0 +1,149 @@ + + + + + + + Tier Maker + + + + +
+ +
+ +
+
+
+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
S
A
B
C
D
+
+
+ + + +
+
+ + + + + + + + + + + + +
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Abomination.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Abomination.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/All Guns Blazing.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/All Guns Blazing.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Awesome Power.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Awesome Power.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Blood Money.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Blood Money.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Critical Hit.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Critical Hit.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Defender.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Defender.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Fish.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Fish.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Health Pack.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Health Pack.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/High Tide.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/High Tide.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Last Stand.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Last Stand.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Moxie.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Moxie.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Newcomer.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Newcomer.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Roid Rage.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Roid Rage.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Sharp Tooth.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Sharp Tooth.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Sunbasker.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Sunbasker.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Unbreakable.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Unbreakable.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/abilities/Work Out Buddy.html b/Student Works/MarkCucek/Project/Taxonoms/abilities/Work Out Buddy.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/fieldEffects/Alien Crops.html b/Student Works/MarkCucek/Project/Taxonoms/fieldEffects/Alien Crops.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/fieldEffects/Portal Matter Swirl.html b/Student Works/MarkCucek/Project/Taxonoms/fieldEffects/Portal Matter Swirl.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Amored.png b/Student Works/MarkCucek/Project/Taxonoms/images/Amored.png new file mode 100644 index 00000000..df7df155 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Amored.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Boarder.png b/Student Works/MarkCucek/Project/Taxonoms/images/Boarder.png new file mode 100644 index 00000000..cc06f021 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Boarder.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/BoarderStats.png b/Student Works/MarkCucek/Project/Taxonoms/images/BoarderStats.png new file mode 100644 index 00000000..22547828 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/BoarderStats.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Cliff Hatchling.png b/Student Works/MarkCucek/Project/Taxonoms/images/Cliff Hatchling.png new file mode 100644 index 00000000..2a35b4b5 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Cliff Hatchling.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Crow Brawler.png b/Student Works/MarkCucek/Project/Taxonoms/images/Crow Brawler.png new file mode 100644 index 00000000..c7d3787a Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Crow Brawler.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Crow BrawlerStats.png b/Student Works/MarkCucek/Project/Taxonoms/images/Crow BrawlerStats.png new file mode 100644 index 00000000..89c7a6dd Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Crow BrawlerStats.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Drutie.png b/Student Works/MarkCucek/Project/Taxonoms/images/Drutie.png new file mode 100644 index 00000000..df7eda4d Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Drutie.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/DrutieFire.png b/Student Works/MarkCucek/Project/Taxonoms/images/DrutieFire.png new file mode 100644 index 00000000..c7bd6643 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/DrutieFire.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Female Being.png b/Student Works/MarkCucek/Project/Taxonoms/images/Female Being.png new file mode 100644 index 00000000..12851064 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Female Being.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Fiendrow.png b/Student Works/MarkCucek/Project/Taxonoms/images/Fiendrow.png new file mode 100644 index 00000000..df57af75 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Fiendrow.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Gore'ito.png b/Student Works/MarkCucek/Project/Taxonoms/images/Gore'ito.png new file mode 100644 index 00000000..e31ba54d Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Gore'ito.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Gore'itoStats.png b/Student Works/MarkCucek/Project/Taxonoms/images/Gore'itoStats.png new file mode 100644 index 00000000..e8f391ce Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Gore'itoStats.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Grey.png b/Student Works/MarkCucek/Project/Taxonoms/images/Grey.png new file mode 100644 index 00000000..86f532e5 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Grey.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/HPBall.png b/Student Works/MarkCucek/Project/Taxonoms/images/HPBall.png new file mode 100644 index 00000000..44f69ec0 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/HPBall.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Hogfish.png b/Student Works/MarkCucek/Project/Taxonoms/images/Hogfish.png new file mode 100644 index 00000000..2dca2e42 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Hogfish.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Improw.png b/Student Works/MarkCucek/Project/Taxonoms/images/Improw.png new file mode 100644 index 00000000..8404673e Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Improw.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Letterman X.png b/Student Works/MarkCucek/Project/Taxonoms/images/Letterman X.png new file mode 100644 index 00000000..966a6cf8 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Letterman X.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/ListOfTaxonoms.png b/Student Works/MarkCucek/Project/Taxonoms/images/ListOfTaxonoms.png new file mode 100644 index 00000000..1151e49f Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/ListOfTaxonoms.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Meat Cube.png b/Student Works/MarkCucek/Project/Taxonoms/images/Meat Cube.png new file mode 100644 index 00000000..eb71d186 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Meat Cube.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Newslogo.png b/Student Works/MarkCucek/Project/Taxonoms/images/Newslogo.png new file mode 100644 index 00000000..992b5288 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Newslogo.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Salty Edith.png b/Student Works/MarkCucek/Project/Taxonoms/images/Salty Edith.png new file mode 100644 index 00000000..c5eac1b7 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Salty Edith.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Superface.png b/Student Works/MarkCucek/Project/Taxonoms/images/Superface.png new file mode 100644 index 00000000..59c1e51b Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Superface.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Swattz.png b/Student Works/MarkCucek/Project/Taxonoms/images/Swattz.png new file mode 100644 index 00000000..e5782011 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Swattz.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Taxonoms.png b/Student Works/MarkCucek/Project/Taxonoms/images/Taxonoms.png new file mode 100644 index 00000000..e5cf8cf6 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Taxonoms.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Taxonomsbannerfinal.png b/Student Works/MarkCucek/Project/Taxonoms/images/Taxonomsbannerfinal.png new file mode 100644 index 00000000..ca6a40b8 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Taxonomsbannerfinal.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Taxopedia.png b/Student Works/MarkCucek/Project/Taxonoms/images/Taxopedia.png new file mode 100644 index 00000000..d865291f Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Taxopedia.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/The Executioneer.png b/Student Works/MarkCucek/Project/Taxonoms/images/The Executioneer.png new file mode 100644 index 00000000..fc5e208c Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/The Executioneer.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Tier List Creator.png b/Student Works/MarkCucek/Project/Taxonoms/images/Tier List Creator.png new file mode 100644 index 00000000..f6ac13e0 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Tier List Creator.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Trimmheer.png b/Student Works/MarkCucek/Project/Taxonoms/images/Trimmheer.png new file mode 100644 index 00000000..6a6836cb Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Trimmheer.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Trimmic.png b/Student Works/MarkCucek/Project/Taxonoms/images/Trimmic.png new file mode 100644 index 00000000..789c3c3c Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Trimmic.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Weenie.png b/Student Works/MarkCucek/Project/Taxonoms/images/Weenie.png new file mode 100644 index 00000000..8e64cedf Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Weenie.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/Whatistaxonoms.png b/Student Works/MarkCucek/Project/Taxonoms/images/Whatistaxonoms.png new file mode 100644 index 00000000..7886d4e1 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/Whatistaxonoms.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/chunky.png b/Student Works/MarkCucek/Project/Taxonoms/images/chunky.png new file mode 100644 index 00000000..2b23733f Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/chunky.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/immune.png b/Student Works/MarkCucek/Project/Taxonoms/images/immune.png new file mode 100644 index 00000000..26a044f1 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/immune.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/listStyleImg.png b/Student Works/MarkCucek/Project/Taxonoms/images/listStyleImg.png new file mode 100644 index 00000000..5c3f1d68 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/listStyleImg.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/images/resisted.png b/Student Works/MarkCucek/Project/Taxonoms/images/resisted.png new file mode 100644 index 00000000..a7b0e6d8 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/images/resisted.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/main.css b/Student Works/MarkCucek/Project/Taxonoms/main.css new file mode 100644 index 00000000..3b6ce20d --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/main.css @@ -0,0 +1,1241 @@ +* { + box-sizing: border-box; +} + +body { + background-color: white; + overflow-x: hidden; + font-family: arial; + box-sizing: border-box; +} + +html { + font-size: 16px; +} + +header { + font-size: 10px; + text-align: center; + padding: 20px 8px; + background-color: #6bd3ff; + color: white; + margin-top: -44px; + margin-left: -10px; + margin-right: -10px; + border-bottom: 4px solid #211d55; +} + +article.introduction { + color: white; + background-color: #6bd3ff; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-bottom: 4px solid #211d55; + border-top: 4px solid #211d55; + padding: 2px 2px; + padding-left: 15px; + padding-right: 15px; + padding-top: 7px; +} + +article.general-header { + color: white; + background-color: white; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-top: 4px solid #211d55; + border-bottom: 4px solid #211d55; + padding: 6px 2px; + padding-left: 15px; + padding-right: 15px; +} + +article.taxopedia-entry-header { + color: white; + background-color: white; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-top: 4px solid #211d55; + padding: 6px 2px; + padding-left: 15px; + padding-right: 15px; +} + +article.taxopedia-description { + background-color: #6bd3ff; + float: left; + width: 100%; + margin-right: 10px; + border-top: 4px solid white; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-bottom: 4px solid white; + border-top-style: dashed; + border-bottom-style: dashed; +} + +article.stats { + background-color: #6bd3ff; + float: left; + width: 100%; + margin-right: 10px; + border-top: 4px solid white; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-bottom: 4px solid #211d55; + border-top-style: dashed; + padding: 10px; + margin-top: 25px; +} + +article.left-spacing { + width: 15%; + float: left; +} + +article.right-spacing { + width: 15%; + float: left; +} + +nav.menu-bar { + margin-top: -27px; +} + +nav.news { + float: left; + color: white; + background-color: #6bd3ff; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-bottom: 4px solid #211d55; + border-top: 4px solid #211d55; + padding-top: 7px; +} + +div { + display: block; +} + +div.taxopedia { + border-bottom: 4px solid white; + border-bottom-style: dashed; + background-color: #6bd3ff; + padding-bottom: 15px; + padding-top: 15px; + padding-left: 15px; + padding-right: 15px; + margin-left: -15px; + margin-right: -15px; + margin-top: -6px; +} + +div.general-header { + font-size: 40px; + text-align: center; + font-weight: bold; + color: #211d55; + border-bottom: 4px solid white; + border-bottom-style: dashed; + background-color: #6bd3ff; + padding-bottom: 15px; + padding-top: 15px; + padding-left: 15px; + padding-right: 15px; + margin-left: -15px; + margin-right: -15px; + margin-top: -6px; +} + +div.taxopedia-entry-body { + font-size: 20px; + color: #211d55; + padding: 6px; + +} + +div.taxopedia-description { + font-size: 20px; + color: #211d55; + padding: 15px; + background-color: white; + border-left: 4px solid #6bd3ff; + border-right: 4px solid #6bd3ff; + border-bottom: 4px solid #6bd3ff; + border-top: 4px solid #6bd3ff; + border-style: dashed; +} + +div.taxopedia-data { + font-size: 20px; + color: #211d55; + padding: 15px; + background-color: white; + border-left: 4px solid #6bd3ff; + border-right: 4px solid #6bd3ff; + border-bottom: 4px solid #6bd3ff; + border-top: 4px solid #6bd3ff; + border-style: dashed; +} + +div.type-spacing { + padding-top: 10px; +} + +div.img-text { + text-align: justify; + width: 1920px; +} + +div.column { + height: 215px; + width: 200px; + float: left; +} + +div.row::after { + content: ""; + clear: both; + display: table; +} + +div.tier-list-icon { + height: 75px; + width: 75px; +} + +div.stats { + padding-left: 8px; + font-size: 25px; + font-weight: bold; +} + +div.misc-info { + text-align: center; + padding-top: 1rem; +} + +div.misc-info-item { + display: inline-block; + margin-top: 0px; + margin-bottom: 1rem; + margin-left: 1rem; + margin-right: 1rem; + color: #211d55; +} + +div.grid-row { + display: flex; + flex-wrap: wrap; +} + +div.grid-col { + margin-bottom: 1rem; + padding-left: 1rem; + padding-right: 1rem; +} + +div.data-grid-col { + width: 50%; +} + +div.type-grid-row { + margin-top: -10px; + margin-right: -1rem; + margin-bottom: 0px; + margin-left: -1rem; + padding: 1rem; +} + +div.type-grid-col { + width: 47%; + padding: 5px; +} + +div.type-grid-col2 { + width: 47%; + padding: 5px; +} + +div.type-grid-mid-col { + width: 6%; +} + +div.type-description-grid-col { + width: 70%; + margin-top: 1.7rem; +} + +div.spacing-col { + width: 15%; +} + +div.misc-grid-col { + width: 43%; +} + +div.taxonom-grid-col { + width: 35%; + padding-top: 10px; +} + +div.taxopedia-grid-col { + width: 14.285%; + text-align: center; + padding-top: 1.5rem; +} + +div.stat-grid-col { + width: 65%; +} + +div.misc-stat-grid-col { + width: 65%; +} + +div.news-grid-col { + width: 30%; + padding-right: 1rem; +} + +div.introduction-grid-col { + width: 70%; +} + +div.taxopedia-info { + text-align: center; +} + +div.taxopedia-info-item { + display: inline-block; + color: #211d55; +} + +div.stat-count { + padding-left: 2rem; +} + +div.spacing { + padding: 0.75rem; +} + +div.tier-list-grid-col { + padding: 10px 20px; + width: 100%; +} + +div.matchup-grid-col { + width: 35%; +} + +ul.menu-bar { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #59a5d8; + border-left: 4px solid #211d55; + border-right: 4px solid #211d55; + border-bottom: 4px solid #211d55; + border-top: 4px solid #211d55; +} + +li.menu-bar { + float: left; + list-style-type: none; +} + +li a.menu-bar-item:hover { + background-color: #6bd3ff; +} + +li a.active:hover { + background-color: #6bd3ff; +} + +li.taxopedia { + list-style-type: none; + color: #211d55; + font-weight: bold; + font-size: 20px; + width: 3%; + padding-top: 10px; + margin-left: 55px; + white-space: nowrap; +} + +li.misc-info { + list-style-image:url(images/listStyleImg.png); + color: #211d55; + position: relative; + font-size: 1.1rem; + line-height: 1.5; + list-style-position: outside; +} + +li.misc-info:before { + content: ""; + position: absolute; + top: 8px; + left: -16px; + width: 8px; + height: 8px; + background-image: url(images/listStyleImg.png); +} + +li.news { + padding-right: 10px; +} + +a { + text-decoration: none; +} + +a.dark-blue { + color: #211d55; +} + +a.bold { + font-weight: bold; +} + +a.italic { + font-style: italic; +} + +a.bold-italic { + font-weight: bold; + font-style: italic; +} + +a.menu-bar-item { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.active { + background-color: #211d55; + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +a.taxopedia { + color: #211d55; + text-align: center; +} + +a.news { + color: #211d55; + font-weight: bold; +} + +a.data { + color: #211d55; + font-size: 19px; +} + +a.td-magnification { + font-size: 0.7rem; +} + +a.td-magnification2 { + font-size: 0.7rem; +} + +a.table-diagonal { + color: #ffd633; +} + +a.individual-matchup { + font-weight: bold; + font-size: 0.9rem; +} + +a.header-name { + font-size: 3.5rem; +} + +/* BEGIN - ALL DIFFERENT TYPES USED FOR TYPE ICONS */ +a.type-icon { + display: inline-block; + width: 65px; + margin-right: 5px; + border-radius: 30px; + border: 1px solid rgba(0,0,0,0.2); + color: #ffffff; + font-size: 0.75rem; + line-height: 1.5rem; + text-align: center; + text-shadow: 1px 1px 2px rgba(0,0,0,0.7); + text-transform: uppercase; + line-height: 2; +} + +a.type-small { + width: 2rem; + margin: 0.1rem; +} + +a.type-small2 { + width: 2rem; + margin: 0.1rem; +} + + +a.alien-upper { + font-size: 3.5rem; + color: #008AFA; + font-weight: bold; +} + +a.type-alien { + background-color: #008AFA; +} + +a.type-dragon { + background-color: #01187D; +} + +a.type-dark { + background-color: #3F2C25; +} + +a.type-hydro { + background-color: #0032F8; +} + +a.type-toxic { + background-color: #740751; +} + +a.power-upper { + font-size: 2.5rem; + color: #FA8422; + font-weight: bold; +} + +a.type-power { + background-color: #FA8422; +} + +a.type-psycho { + background-color: #F430F9; +} + +a.electro-upper { + font-size: 2.5rem; + color: #FFFB3C; + font-weight: bold; +} + +a.type-electro { + background-color: #FFFB3C; +} + +a.pyro-upper { + font-size: 2.5rem; + color: #F60D18; + font-weight: bold; +} + +a.type-pyro { + background-color: #F60D18; +} + +a.type-grass { + background-color: #28831D; +} + +a.type-normal { + background-color: #D4DAE6; +} + +a.type-radio { + background-color: #50fa3a; +} + +a.type-cool { + background-color: #20C4FF; +} + +a.dragon-upper { + font-size: 2.5rem; + color: #01187D; + font-weight: bold; +} + +a.type-dragon { + background-color: #01187D; +} + +a.type-energy { + background-color: #F71684; +} + +a.type-bug { + background-color: #23A030; +} + +a.type-rock { + background-color: #5A4D41; +} + +a.type-wind { + background-color: #C4FBDC; +} + +a.type-metal { + background-color: #00B6B2; +} + +a.type-earth { + background-color: #ffdb7f; +} + +a.type-death { + background-color: #244e7b; +} +/* END - ALL DIFFERENT TYPES USED FOR TYPE ICONS */ + +/* BEGIN - VARIOUS DIFFERENT PARAGRAPH TEMPLATES */ +p.dark-blue-dashed { + padding-left: 10px; + padding-right: 10px; + padding-top: 10px; + padding-bottom: 10px; + border-left: 4px solid white; + border-right: 4px solid white; + border-bottom: 4px solid white; + border-top: 4px solid white; + border-style: dashed; + background-color: #211d55; +} + +p.what-is-taxonoms { + padding-left: 10px; + padding-right: 10px; + padding-top: 10px; + padding-bottom: 10px; + border-left: 4px solid #6bd3ff; + border-right: 4px solid #6bd3ff; + border-bottom: 4px solid #6bd3ff; + border-top: 4px solid #6bd3ff; + border-style: dashed; + background-color: #211d55; +} + +p.blue-dashed { + padding: 10px; + border-left: 4px solid white; + border-right: 4px solid white; + border-bottom: 4px solid white; + border-top: 4px solid white; + border-style: dashed; + background-color: #59a5d8; +} +/* END - VARIOUS DIFFERENT PARAGRAPH TEMPLATES */ + +p.type-list { + margin-left: 1.5rem; +} + +span.misc-info-count { + font-weight: bold; + font-size: 1.75rem; + line-height: 1.5; +} + +span.matchup-string { + vertical-align: middle; + padding-left: 0.5rem; +} + +span.taxopedia-entry { + font-size: 1.25rem; + font-weight: bold; +} + +h2.data { + font-size: 25px; + color: #211d55; + padding-left: 10px; +} + +h2.general { + font-size: 2.3rem; + color: #211d55; + padding-left: 10px; +} + +table { + margin: 0 auto 1rem; + border-collapse: collapse; + display: table; +} + +table.stat-table { + color: #211d55; + width: 97%; +} + +table.taxonom-container { + display: flex; + flex-wrap: wrap; + border: 5px dashed white; + background-color: #59a5d8; + padding: 10px; +} + +td.table { + border: 1px solid #e6e6e6; +} + +td.table-matchup { + font-size: 0.9rem; + text-align: center; +} + +td.round { + border-radius: 15px; +} + +/* BEGIN - EFFECTIVENESS CELLS USED FOR MATCHUP TABLES */ +td.chunky { + background-color: #6bd3ff; +} + +td.heftily-chunky { + background-color: #59a5d8; +} + +td.resisted { + background-color: #ff4d4d; +} + +td.heftily-resisted { + background-color: #e60000; +} + +td.immune { + background-color: #4d4d4d; +} +/* BEGIN - EFFECTIVENESS CELLS USED FOR MATCHUP TABLES */ + +td.taxonom-container-icon { + height: 80px; + width: 80px; +} + +td.last { + border-right: 2.5px solid black; +} + +.stat-table tr { + font-weight: normal; + border-top: 1px solid #e6e6e6; + border-bottom: 1px solid #e6e6e6; +} + +.stat-table th { + text-align: right; + font-size: 1rem; + font-weight: normal; + padding-top: 4px; + padding-right: 10px; + padding-bottom: 4px; + padding-left: 10px; +} + +.stat-table td { + font-size: 1.15rem; + padding-top: 4px; + padding-right: 10px; + padding-bottom: 4px; + padding-left: 10px; +} + +td.stat-num { + text-align: right; +} + +th.no-pad { + padding-right: 0px; +} + +td.stat-num { + padding-left: 0px; +} + +/* USED FOR STAT NUMBERS */ +td.black { + background-color: #333333; +} + +td.red1 { + background-color: #cc0000; +} + +td.red2 { + background-color: #ff0000; +} + +td.red3 { + background-color: #ff6600; +} + +td.yellow1 { + background-color: #ff9933; +} + +td.yellow2 { + background-color: #ffff00; +} + +td.green1 { + background-color: #a6ff4d; +} + +td.green2 { + background-color: #66ff66; +} + +td.green3 { + background-color: #00ff99; +} + +td.green4 { + background-color: #00FFCC; +} + +td.blue1 { + background-color: #00EEFF; +} + +td.blue2 { + background-color: #4ddbff; +} +/* USED FOR STAT NUMBERS */ + +td.stat-bar { + display: inline-block; + width: 70px; + margin-right: 5px; + margin-bottom: 4px; + border-radius: 10px; + border: 1px solid rgba(0,0,0,0.2); + color: #ffffff; + font-size: 0.75rem; + text-align: center; + text-shadow: 1px 1px 2px rgba(0,0,0,0.7); + text-transform: uppercase; + line-height: 2; + margin-top: 6.5px; + height: 1rem; + padding-left: 0px; + padding-right: 0px; +} + +/* BEGIN - USED FOR STAT NUMBERS */ +td.s5 { + width: 20px; +} + +td.s10 { + width: 35px; +} + +td.s15 { + width: 55px; +} +/* END - USED FOR STAT NUMBERS */ + +/* BEGIN - TIER LIST TIER CELLS */ +td.s-tier { + background-color: #4ddbff; +} + +td.a-tier { + background-color: #66ff66; +} + +td.b-tier { + background-color: #ffff00; +} + +td.c-tier { + background-color: #ff9933; +} + +td.d-tier { + background-color: #ff0000; +} + +td.f-tier { + background-color: #cc0000; +} +/* END - TIER LIST TIER CELLS */ + +/* TIER LIST ICON CONTAINER CELL */ +td.empty { + height: 86px; + width: 80px; + text-align: center; + background-color: dimgray; + border-top: 2.5px solid black; +} + +/* BEGIN - TIER LIST TIER BORDERS */ +td.s-tier-border { + border-bottom: 2.5px solid #4ddbff; +} + +td.a-tier-border { + border-bottom: 2.5px solid #66ff66; +} + +td.b-tier-border { + border-bottom: 2.5px solid #ffff00; +} + +td.c-tier-border { + border-bottom: 2.5px solid #ff9933; +} + +td.d-tier-border { + border-bottom: 2.5px solid #ff0000; +} + +td.f-tier-border { + border-bottom: 2.5px solid #cc0000; +} +/* END - TIER LIST TIER BORDERS */ + +td.tier-list-table { + border: 2.5px solid black; + height: 85px; + width: 110px; + text-align: center; + font-size: 25px; + font-weight: bold; +} + +td.individual-matchup { + padding-top: 3px; + padding-bottom: 6px; + font-size: 1.1rem; +} + +/* BEGIN - VARIOUS DIFFERENT IMAGES MAINLY FOR WIDTH */ +img.head-logo { + width: 101.5%; + margin-left: -10px; +} + +img.news-logo { + width: 38%; +} + +img.what-is-taxonoms { + width: 44%; +} + +img.taxopedia-logo { + width: 20%; +} + +img.taxopedia { + width: 75%; +} + +img.taxopedia-entry { + width: 80%; +} + +img.stats { + width: 85%; +} + +img.matchup-icon { + width: 2.9%; + vertical-align: bottom; +} + +img.tier-list-creator { + width: 33%; +} + +img.tier-list-icon { + width: 100%; +} +/* END - VARIOUS DIFFERENT IMAGES MAINLY FOR WIDTH */ + +/* RESPONSIVENESS */ + +@media screen and (max-width: 1300px) { + + img.news-logo { + width: 50%; + } + + img.what-is-taxonoms { + width: 57.9%; + } + + img.taxopedia-logo { + width: 23%; + } + + div.taxopedia-grid-col { + width: 16.6%; + } + + img.taxopedia-entry { + width: 100%; + } + + img.matchup-icon { + width: 4%; + } +} + +@media screen and (max-width: 1144px) { + + div.stat-grid-col { + width: 100%; + } + + div.matchup-grid-col { + width: 50%; + } +} + +@media screen and (max-width: 1100px) { + + img.news-logo { + width: 65%; + } + + img.what-is-taxonoms { + width: 75.27%; + } + + img.taxopedia-logo { + width: 26%; + } + + img.matchup-icon { + width: 5%; + } + + div.taxopedia-grid-col { + width: 20%; + } +} + +@media screen and (max-width: 1070px) { + + img.matchup-icon { + width: 2%; + } + + div.type-grid-col { + width: 100%; + } + + div.type-grid-col2 { + width: 100%; + } +} + +@media screen and (max-width: 1000px) { + + img.matchup-icon { + width: 2.3%; + } +} + +@media screen and (max-width: 900px) { + + img.news-logo { + width: 84.5%; + } + + img.what-is-taxonoms { + width: 97.85%; + } + + img.head-logo { + width: 103%; + } + + img.taxopedia-logo { + width: 30.5%; + } + + img.taxopedia-entry { + width: 150%; + } + + img.matchup-icon { + width: 2.7%; + } + + div.taxopedia-grid-col { + width: 25%; + } + + div.matchup-grid-col { + width: 100%; + } + + div.misc-stat-grid-col { + width: 100%; + } + + div.misc-grid-col { + width: 100%; + } + + div.type-description-grid-col { + width: 100%; + } + + td.stat-num { + padding-left: 5px; + } + + a.type-small { + width: 20px; + height: 18px; + font-size: 0.5rem; + padding-top: 0.5px; + } + + a.td-magnification { + font-size: 0.65rem; + } +} + +@media screen and (max-width: 790px) { + + div.news-grid-col { + width: 40%; + } + + div.introduction-grid-col { + width: 60%; + } + + article.introduction { + font-size: 14px; + } + + li.news { + font-size: 14px; + } + + p.blue-dashed { + font-size: 14px; + } + + img.news-logo { + width: 55%; + } + + img.what-is-taxonoms { + width: 100%; + } + + img.taxopedia-logo { + width: 37%; + } + + img.matchup-icon { + width: 2.8%; + } + + td.stat-num { + padding-left: 8px; + } +} + +@media screen and (max-width: 740px) { + + div.taxopedia-grid-col { + width: 33.3%; + } +} + +@media screen and (max-width: 610px) { + + a.type-small { + width: 14px; + height: 11px; + font-size: 0.37rem; + padding-bottom: 11px; + } + + a.td-magnification { + font-size: 0.5rem; + } +} + +@media screen and (max-width: 700px) { + + img.matchup-icon { + width: 3.1%; + } +} + +@media screen and (max-width: 600px) { + + article.introduction { + font-size: 13px; + } + + nav.news { + font-size: 13px; + } + + img.head-logo { + width: 104%; + } + + img.taxopedia-entry { + width: 320%; + } + + img.matchup-icon { + width: 3.7%; + } + + div.taxopedia-grid-col { + width: 50%; + } + + div.data-grid-col { + width: 100%; + } + + img.taxopedia-logo { + width: 47%; + } + + td.stat-num { + padding-left: 11px; + } +} + +@media screen and (max-width: 500px) { + + img.matchup-icon { + width: 4.6%; + } +} + diff --git a/Student Works/MarkCucek/Project/Taxonoms/node.js b/Student Works/MarkCucek/Project/Taxonoms/node.js new file mode 100644 index 00000000..900c9931 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/node.js @@ -0,0 +1,12 @@ +var http = require('http'); +var fs = require('fs'); + +var server = http.createServer(function(req, res){ +console.log('request was made: ' + req.url); +res.writeHead(200, {'Content-Type': 'text/html'}); +var myReadStream = fs.createReadStream(__dirname + '/Home.html', 'utf8'); +myReadStream.pipe(res); +}); + +server.listen(3000); +console.log('travelling to port 3000'); \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Amored.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Amored.html new file mode 100644 index 00000000..3e5dbcea --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Amored.html @@ -0,0 +1,271 @@ + + + + + + Gore'ito + + + + +
+ +
+ +
+
+
+ Gore'ito +
+
+
+ +
+
+

Description

+

+ Gore'ito live around waters. Whenever they see prey in the water, they give chase and swim after it. The orange trees that grow in its habitat give the Gore'ito most of their nourishment. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeAlien
AbilitiesCritical Hit
Quirk-
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP65
ATK125
SP. ATK55
DEF100
SP. DEF75
SPEED85
Total500
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Gore'ito. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 2 + + 0 + + + + + + 0.5 + + + + + + 2 + + + + 0.5 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + 2 + + + + + + + + 2 + + + + 0.5 + + 0 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Boarder.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Boarder.html new file mode 100644 index 00000000..3b977a05 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Boarder.html @@ -0,0 +1,271 @@ + + + + + + + Boarder + + + + +
+ +
+ +
+
+
+ Boarder +
+
+
+ +
+
+

Description

+

+ They rest under the cool mud, sometimes even for the entire day, leaving only the tips of their nose and their yellow spots exposed. They channel the soaked energy into blasts that knock fruits out of trees. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypePyroElectro
AbilitiesSunbasker, Critical Hit, All Guns Blazing
Quirk-
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP95
ATK55
SP. ATK125
DEF75
SP. DEF55
SPEED100
TOTAL505
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Boarder. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ + + 0.5 + + 2 + + 0.5 + + 0.5 + + 4 + + + + + + 0.5 + + 2 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ 0.5 + + + + 0.5 + + 0.5 + + + + + + 2 + + 2 + + 2 + + 4 +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Cliff Hatchling.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Cliff Hatchling.html new file mode 100644 index 00000000..65908b17 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Cliff Hatchling.html @@ -0,0 +1,266 @@ + + + + + + + Cliff Hatchling + + + + +
+ +
+ +
+
+ +
+
+ +
+
+

Description

+

+ Incredibly stubborn creatures, they will use every method possible to get to their goal, never giving up. Even when dead their bodies can still be working towards a goal it can no longer reach. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeDragonRock
AbilitiesMoxie, Unbreakable, Sharp Tooth
QuirkFully revives upon being defeated. If defeated before its own turn, fulfill that move anyway.
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP70
ATK80
SP. ATK50
DEF80
SP. DEF60
SPEED80
TOTAL420
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Boarder. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 0.5 + + 0.5 + + + + 2 + + 0.5 + + 0.5 + + 0.25 + + 2 + + 0.5 + + +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ 2 + + + + 2 + + 0 + + + + + + 2 + + 2 + + 2 + + 2 +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Crow Brawler.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Crow Brawler.html new file mode 100644 index 00000000..b677b36f --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Crow Brawler.html @@ -0,0 +1,272 @@ + + + + + + + Crow Brawler + + + + +
+ +
+ +
+
+ +
+
+ +
+
+

Description

+

+ The Crow Brawlers daze about in the dungeons all day while their crow servants bring them all of their needs. They have the ability to sense if someone is sleeping nearby, upon which they all collectively rush to beat them up. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypePower
AbilitiesMoxie, Sharp Tooth, Roid Rage
QuirkAttacks sleeping targets twice
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP150
ATK75
SP. ATK75
DEF135
SP. DEF60
SPEED60
TOTAL555
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Crow Brawler. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ + + + + + + + + 2 + + + + 2 + + + + + + 0.5 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + + + 0.5 + + 2 + + + + 0.5 + + 0.5 + + + + 2 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Drutie.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Drutie.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Female Being.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Female Being.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Fiendrow.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Fiendrow.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Gore'ito.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Gore'ito.html new file mode 100644 index 00000000..59a2bb12 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Gore'ito.html @@ -0,0 +1,327 @@ + + + + + + + Gore'ito + + + + +
+ +
+ +
+
+
+ Gore'ito +
+
+
+ +
+
+

Description

+

+ They live around bodies of water. Although they're quick at striking fish seen at the water's surface, they gain most of their nourishment from their orange trees' fruits. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeAlien
AbilitiesCritical Hit, + Awesome Power +
Quirk-
HeightUnknown
WeightUnknown
+
+
+

+

+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP65
ATK125
SP. ATK55
DEF100
SP. DEF75
SPEED85
TOTAL505
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Gore'ito. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 2 + + 0 + + + + + + 0.5 + + + + + + 2 + + + + 0.5 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + 2 + + + + + + + + 2 + + + + 0.5 + + 0 + + +
+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Grey.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Grey.html new file mode 100644 index 00000000..f2897e34 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Grey.html @@ -0,0 +1,269 @@ + + + + + + + Grey + + + + +
+ +
+ +
+
+
+ Grey +
+
+
+ +
+
+

Description

+

+ Occasionally, forest ground will explode, launching Greys and revealing tunnels. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeAlienPower
AbilitiesNewcomer
Quirk-
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP60
ATK115
SP. ATK90
DEF50
SP. DEF80
SPEED90
TOTAL485
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Grey. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 2 + + 0 + + + + + + + + + + 2 + + 2 + + + + 0.25 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + 2 + + 0.5 + + 2 + + + + + + 0.5 + + 0.5 + + 0 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/HPBall.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/HPBall.html new file mode 100644 index 00000000..9bdd32aa --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/HPBall.html @@ -0,0 +1,270 @@ + + + + + + + HPBall + + + + +
+ +
+ +
+
+
+ HPBall +
+
+
+ +
+
+

Description

+

+ An artificial taxonom, no one knows who created them. Their scars allow easy blood transfusion and every HPBall has its own unique scar spot. The blood of their brimful bodies has been deemed highly nutritional. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeDark
AbilitiesHealth Pack, Abomination, Roid Rage
QuirkChunky hits taken spray blood across the field.
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP150
ATK90
SP. ATK30
DEF80
SP. DEF90
SPEED30
TOTAL490
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on HPBall. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ + + 2 + + + + + + + + + + + + + + + + +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + 2 + + + + 0.5 + + + + + + + + + + 2 + + 0.5 +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Hogfish.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Hogfish.html new file mode 100644 index 00000000..86a8bb50 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Hogfish.html @@ -0,0 +1,272 @@ + + + + + + + Hogfish + + + + +
+ +
+ +
+
+
+ Hogfish +
+
+
+ +
+
+

Description

+

+ Although they taste great, some would argue the critters that can only easily be found by following a Hogfish's travels taste many times better. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeHydro
AbilitiesFish, Blood Money, High Tide
QuirkContact moves steal or remove the target's items.
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP70
ATK90
SP. ATK70
DEF70
SP. DEF90
SPEED105
TOTAL495
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Hogfish. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ + + 0.5 + + 0.5 + + 2 + + 2 + + + + + + + + + + +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + + + + + + + + + 2 + + 0.5 + + 2 + + 0.5 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Improw.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Improw.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Letterman X.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Letterman X.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Meat Cube.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Meat Cube.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Salty Edith.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Salty Edith.html new file mode 100644 index 00000000..3b18abfa --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Salty Edith.html @@ -0,0 +1,271 @@ + + + + + + + Salty Edith + + + + +
+ +
+ +
+
+ +
+
+ +
+
+

Description

+

+ Cursed to become a pillar of salt, Edith spends her immobile life staring out into an empty horizon sea. She wishes to see the world's tallest sculptures and buildings, objects of which she can relate to. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeRock
AbilitiesDefender, Unbreakable
QuirkImmune to moves that target stats other than the defenses.
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP75
ATK0
SP. ATK0
DEF200
DEF200
SPEED0
TOTAL475
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Salty Edith. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 0.5 + + 0.5 + + 2 + + 2 + + 0.5 + + + + 0.5 + + + + 0.5 + + +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ 2 + + + + 2 + + + + + + + + 2 + + + + + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Superface.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Superface.html new file mode 100644 index 00000000..f7985e97 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Superface.html @@ -0,0 +1,270 @@ + + + + + + + Superface + + + + +
+ +
+ +
+
+
+ Superface +
+
+
+ +
+
+

Description

+

+ When a Weenie finally gets it going, their bodies truly grow to show it, and they will try their hardest to support their fellow Weenies on their journeys. Whenever they feel tired out, the substance it secretes through its horn can invigorate it right back up. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeCool
AbilitiesLast Stand, Work Out Buddy
QuirkThe user does not need to rest the first time.
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP100
ATK150
SP. ATK50
DEF60
SP. DEF60
SPEED70
TOTAL490
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Superface. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 0.5 + + + + 0.25 + + 2 + + 4 + + + + + + 0.5 + + + + 2 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + + + 2 + + + + 0.5 + + 2 + + + + 0 + + 0.25 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Swattz.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Swattz.html new file mode 100644 index 00000000..5a24577b --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Swattz.html @@ -0,0 +1,264 @@ + + + + + + + Swattz + + + + +
+ +
+ +
+
+
+ Swattz +
+
+
+ +
+
+

Description

+

+ Although they enjoy resting in the mud with their yellow spot exposed, they're unable to hold their breath for long. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypePyroElectro
AbilitiesSunbasker
Quirk-
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP75
ATK40
SP. ATK80
DEF65
SP. DEF40
SPEED70
TOTAL370
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Swattz. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ + + 0.5 + + 2 + + 0.5 + + 0.5 + + 4 + + + + + + 0.5 + + 2 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ 0.5 + + + + 0.5 + + 0.5 + + + + + + 2 + + 2 + + 2 + + 4 +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/The Executioneer.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/The Executioneer.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Trimmheer.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Trimmheer.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Trimmic.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Trimmic.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Weenie.html b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Weenie.html new file mode 100644 index 00000000..b4bec568 --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/taxopediaEntries/Weenie.html @@ -0,0 +1,256 @@ + + + + + + + Weenie + + + + +
+ +
+ +
+
+
+ Weenie +
+
+
+ +
+
+

Description

+

+ From the moment it's born, a Weenie will start trying to exercise. The majority of Weenies, however, never make it to musclehood. No matter how long it takes, a Weenie will try until the day it dies. +

+
+

Data

+ + + + + + + + + + + + + + + + + + + + + + + +
TypeCool
Abilities-
Quirk-
HeightUnknown
WeightUnknown
+
+
+
+
+
+
+

Stats

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
HP45
ATK55
SP. ATK20
DEF25
SP. DEF25
SPEED25
TOTAL195
+
+
+

Defensive Matchups

+

+ Each type's effectiveness on Weenie. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck +
+ 0.5 + + 2 + + 0.5 + + + + 2 + + + + + + 0.5 + + + + 2 +
+ Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ + + + + 2 + + + + 0.5 + + + + 2 + + 0 + + 0.5 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/AmoredIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/AmoredIcon.png new file mode 100644 index 00000000..1c9bd32d Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/AmoredIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/BoarderIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/BoarderIcon.png new file mode 100644 index 00000000..7be7f108 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/BoarderIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/CrowBrawlerIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/CrowBrawlerIcon.png new file mode 100644 index 00000000..ff54aa0d Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/CrowBrawlerIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FemaleBeingIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FemaleBeingIcon.png new file mode 100644 index 00000000..5cb056df Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FemaleBeingIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FiendrowIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FiendrowIcon.png new file mode 100644 index 00000000..afe36a7f Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/FiendrowIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/Gore'itoIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/Gore'itoIcon.png new file mode 100644 index 00000000..b043d7dc Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/Gore'itoIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/LettermanXIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/LettermanXIcon.png new file mode 100644 index 00000000..f488367f Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/LettermanXIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/SaltyEdithIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/SaltyEdithIcon.png new file mode 100644 index 00000000..33d3cf45 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/SaltyEdithIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TheExecutioneerIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TheExecutioneerIcon.png new file mode 100644 index 00000000..0a3ec1a0 Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TheExecutioneerIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TrimmheerIcon.png b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TrimmheerIcon.png new file mode 100644 index 00000000..0781e4ed Binary files /dev/null and b/Student Works/MarkCucek/Project/Taxonoms/tierListIcons/TrimmheerIcon.png differ diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/alien.html b/Student Works/MarkCucek/Project/Taxonoms/types/alien.html new file mode 100644 index 00000000..499793fc --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/types/alien.html @@ -0,0 +1,1561 @@ + + + + + + + Alien + + + + +
+ +
+ +
+
+
+ Alien +
+
+
+
+

A type not found naturally on Dirt, but invasive species aren't unheard of. Although all Alien types are alien, not all aliens are Alien.

+
+
+
+
+
+ 3 +
+ Alien type Taxonoms +
+
+ 1 +
+ Single type Taxonoms +
+
+ 2 +
+ Double type Taxonoms +
+
+ 0 +
+ Triple type Taxonoms +
+
+ 0 +
+ Alien moves +
+
+
+
+

Offensive Matchups

+

+ Chunky + + Alien moves are chunky against: + +

+

+ Pyro + Electro + Energy + Dragon +

+

+ Resisted + + Alien moves are resisted by: + +

+

+ Normal + Grass + Wind + Dark +

+

+ Immune + + Alien moves have no effect on: + +

+

+ Radio +

+
+
+
+

Defensive Matchups

+

+ Resisted + + These moves deal resisted damage to Alien: + +

+

+ Electro + Rock + Dragon +

+

+ Resisted + + These moves deal chunky damage to Alien: + +

+

+ Normal + Cool + Energy + Toxic +

+

+ Immune + + These moves have no effect on Alien: + +

+

+ Pyro + Radio +

+
+
+

Alien Stat Averages

+
+
+ 55 +
+ HP +
+
+ 93.3 +
+ Attack +
+
+ 65 +
+ Sp. Attack +
+
+ 58.3 +
+ Defense +
+
+ 71.6 +
+ Sp. Defense +
+
+ 83.3 +
+ Speed +
+
+ 426.6 +
+ Base Stat Total +
+
+
+
+

Miscellaneous Info

+
    +
  • The Newcomer ability is exclusive to Alien types.
  • +
  • The Alien Crops field effect boosts Alien damage and doubles Alien damage dealt to taxonoms that resist Alien.
  • +
  • The Portal Matter Swirl field effect boosts Alien damage and boosts the defenses and speed of Alien types.
  • +
+
+ +
+

Double Type Offensive Matchups

+

This chart shows the Alien type's matchups against every possible double type combination. The multipliers show
how much an Alien move will deal to that specific type combination. 0.5 means the move will only deal half as
much as normally, 2 means that the move will deal twice as much as normally and so on...

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Nor + + Pyr + + Hyd + + Grs + + Elc + + Ert + + Wnd + + Col + + Bug + + Rck + + Drk + + Enr + + Pow + + Psy + + Dth + + Tox + + Mtl + + Dra + + Rad + + Aln +
+ Nor + + 0.25 + + + + 0.5 + + 0.25 + + + + 0.5 + + 0.25 + + 0.5 + + 0.5 + + 0.5 + + 0.25 + + + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + + + 0 + + 0.5 +
+ Pyr + + + + 4 + + 2 + + + + 4 + + 2 + + + + 2 + + 2 + + 2 + + + + 4 + + 2 + + 2 + + 2 + + 2 + + 2 + + 4 + + 0 + + 2 +
+ Hyd + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Grs + + 0.25 + + + + 0.5 + + 0.25 + + + + 0.5 + + 0.25 + + 0.5 + + 0.5 + + 0.5 + + 0.25 + + + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + + + 0 + + 0.5 +
+ Elc + + + + 4 + + 2 + + + + 4 + + 2 + + + + 2 + + 2 + + 2 + + + + 4 + + 2 + + 2 + + 2 + + 2 + + 2 + + 4 + + 0 + + 2 +
+ Ert + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Wnd + + 0.25 + + + + 0.5 + + 0.25 + + + + 0.5 + + 0.25 + + 0.5 + + 0.5 + + 0.5 + + 0.25 + + + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + + + 0 + + 0.5 +
+ Col + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Bug + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Rck + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Drk + + 0.25 + + + + 0.5 + + 0.25 + + + + 0.5 + + 0.25 + + 0.5 + + 0.5 + + 0.5 + + 0.25 + + + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + 0.5 + + + + 0 + + 0.5 +
+ Enr + + + + 4 + + 2 + + + + 4 + + 2 + + + + 2 + + 2 + + 2 + + + + 4 + + 2 + + 2 + + 2 + + 2 + + 2 + + 4 + + 0 + + 2 +
+ Pow + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Psy + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Dth + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Tox + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Mtl + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+ Dra + + + + 4 + + 2 + + + + 4 + + 2 + + + + 2 + + 2 + + 2 + + + + 4 + + 2 + + 2 + + 2 + + 2 + + 2 + + 4 + + 0 + + 2 +
+ Rad + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 + + 0 +
+ Aln + + 0.5 + + 2 + + + + 0.5 + + 2 + + + + 0.5 + + + + + + + + 0.5 + + 2 + + + + + + + + + + + + 2 + + 0 + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/bug.html b/Student Works/MarkCucek/Project/Taxonoms/types/bug.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/cool.html b/Student Works/MarkCucek/Project/Taxonoms/types/cool.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/dark.html b/Student Works/MarkCucek/Project/Taxonoms/types/dark.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/death.html b/Student Works/MarkCucek/Project/Taxonoms/types/death.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/dragon.html b/Student Works/MarkCucek/Project/Taxonoms/types/dragon.html new file mode 100644 index 00000000..6559fcca --- /dev/null +++ b/Student Works/MarkCucek/Project/Taxonoms/types/dragon.html @@ -0,0 +1,137 @@ + + + + + + + Dragon + + + + +
+ +
+ +
+
+
+ Dragon +
+
+

Commonly with reptilian traits, Dragon types might not all live up to their title of Masters of the Elements. Regardless, they represent a mighty opposing force amongst the types.

+
+
+
+ 2 +
+ Dragon type Taxonoms +
+
+ 0 +
+ Single type Taxonoms +
+
+ 2 +
+ Double type Taxonoms +
+
+ 0 +
+ Triple type Taxonoms +
+
+ 0 +
+ Dragon moves +
+
+
+
+

Offensive Matchups

+

+ Chunky + + Dragon moves are chunky against: + +

+

+ Pyro + Hydro + Earth + Wind + Dragon + Radio +

+

+ Resisted + + Dragon moves are resisted by: + +

+

+ Bug + Energy + Metal + Alien +

+

+ Immune + + Dragon moves have no effect on: + +

+

+ Cool +

+
+
+
+

Defensive Matchups

+

+ Resisted + + These moves deal resisted damage to Dragon: + +

+

+ Pyro + Hydro + Earth + Wind +

+

+ Resisted + + These moves deal chunky damage to Dragon: + +

+

+ Cool + Metal + Dragon + Radio + Alien +

+

+ Immune + + These moves have no effect on Dragon: + +

+

+ Psycho +

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/earth.html b/Student Works/MarkCucek/Project/Taxonoms/types/earth.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/electro.html b/Student Works/MarkCucek/Project/Taxonoms/types/electro.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/energy.html b/Student Works/MarkCucek/Project/Taxonoms/types/energy.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/grass.html b/Student Works/MarkCucek/Project/Taxonoms/types/grass.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/hydro.html b/Student Works/MarkCucek/Project/Taxonoms/types/hydro.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/metal.html b/Student Works/MarkCucek/Project/Taxonoms/types/metal.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/normal.html b/Student Works/MarkCucek/Project/Taxonoms/types/normal.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/power.html b/Student Works/MarkCucek/Project/Taxonoms/types/power.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/psycho.html b/Student Works/MarkCucek/Project/Taxonoms/types/psycho.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/pyro.html b/Student Works/MarkCucek/Project/Taxonoms/types/pyro.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/radio.html b/Student Works/MarkCucek/Project/Taxonoms/types/radio.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/rock.html b/Student Works/MarkCucek/Project/Taxonoms/types/rock.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/toxic.html b/Student Works/MarkCucek/Project/Taxonoms/types/toxic.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/MarkCucek/Project/Taxonoms/types/wind.html b/Student Works/MarkCucek/Project/Taxonoms/types/wind.html new file mode 100644 index 00000000..e69de29b diff --git a/Student Works/Parkavenger/Assignments/assignment9.rar b/Student Works/Parkavenger/Assignments/assignment9.rar new file mode 100644 index 00000000..ddf6f2c2 Binary files /dev/null and b/Student Works/Parkavenger/Assignments/assignment9.rar differ diff --git a/Student Works/Parkavenger/Current work/Project.rar b/Student Works/Parkavenger/Current work/Project.rar new file mode 100644 index 00000000..853764a7 Binary files /dev/null and b/Student Works/Parkavenger/Current work/Project.rar differ diff --git a/Student Works/Parkavenger/Project/Project05.rar b/Student Works/Parkavenger/Project/Project05.rar new file mode 100644 index 00000000..83a7cb01 Binary files /dev/null and b/Student Works/Parkavenger/Project/Project05.rar differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/index.html b/Student Works/besher-massri/Assignments/assignment_1/index.html new file mode 100644 index 00000000..056401f7 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_1/index.html @@ -0,0 +1,33 @@ + + + + + Index + + +

Poems Repository

+
+

Because I could not stop for Death

+

EMILY DICKINSON

+
+ Horse-drawn death carriage +

+ In a letter to Abiah Root, Dickinson once asked, "Does not Eternity appear dreadful to you . . . I often get thinking of it and it seems so dark to me that I almost wish there was no Eternity. To think that we must forever live and never cease to be. It seems as if Death which all so dread because it launches us upon an unknown world would be a relief to so endless a state of existense." +

+
+
+
+ +

One Art

+

Elizabeth Bishop

+
+Art paint +

+Bishop’s much loved and much discussed ode to loss, which Claudia Roth Pierpont called “a triumph of control, understatement, wit. Even of self-mockery, in the poetically pushed rhyme word “vaster,” and the ladylike, pinkies-up “shan’t.” An exceedingly rare mention of her mother—as a woman who once owned a watch. A continent standing in for losses larger than itself.” +

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_1/instructions.html b/Student Works/besher-massri/Assignments/assignment_1/instructions.html new file mode 100644 index 00000000..c3b3f697 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_1/instructions.html @@ -0,0 +1,20 @@ + + + + + Page Title + + +

Commands Used

+
+mkdir assignment_1 && cd assignment_1
+touch index.html instructions.html poem1.html poem2.html
+mkdir resources && cd resources
+mkdir index poem1 poem2
+cd ..
+tar czvf naloga.tgz *
+
+
+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_1/poem1.html b/Student Works/besher-massri/Assignments/assignment_1/poem1.html new file mode 100644 index 00000000..931aa9eb --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_1/poem1.html @@ -0,0 +1,85 @@ + + + + + Because I could not stop for Death + + +

Because I could not stop for Death

+

EMILY DICKINSON

+
+ Death carriage +

+ Because I could not stop for Death – +
+ He kindly stopped for me – +
+ The Carriage held but just Ourselves – +
+ And Immortality. +

+
+
+ Rider driving horse slowly +

+ We slowly drove – He knew no haste +
+ And I had put away +
+ My labor and my leisure too, +
+ For His Civility – +

+
+
+ Grain fields +

+ We passed the School, where Children strove +
+ At Recess – in the Ring – +
+ We passed the Fields of Gazing Grain – +
+ We passed the Setting Sun – +

+
+
+ Man and women standing +

+ Or rather – He passed Us – +
+ The Dews drew quivering and Chill – +
+ For only Gossamer, my Gown – +
+ My Tippet – only Tulle – +

+
+
+ House without a roof +

+ We paused before a House that seemed +
+ A Swelling of the Ground – +
+ The Roof was scarcely visible – +
+ The Cornice – in the Ground – +

+
+
+ Horses running +

+ Since then – 'tis Centuries – and yet +
+ Feels shorter than the Day +
+ I first surmised the Horses' Heads +
+ Were toward Eternity – +

+
+
+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_1/poem2.html b/Student Works/besher-massri/Assignments/assignment_1/poem2.html new file mode 100644 index 00000000..a9e11dac --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_1/poem2.html @@ -0,0 +1,76 @@ + + + + + One Art + + +

One Art

+

ELIZABETH BISHOP

+ +
+ Man crying of loss +

+ The art of losing isn’t hard to master; +
+ so many things seem filled with the intent +
+ to be lost that their loss is no disaster. +

+
+
+ Lost keys +

+ Lose something every day. Accept the fluster +
+ of lost door keys, the hour badly spent. +
+ The art of losing isn’t hard to master. +

+
+
+ House fading +

+ Then practice losing farther, losing faster: +
+ places, and names, and where it was you meant +
+ to travel. None of these will bring disaster. +

+
+
+ Old watch +

+ I lost my mother’s watch. And look! my last, or +
+ next-to-last, of three loved houses went. +
+ The art of losing isn’t hard to master. +

+
+
+ Two rivers +

+ I lost two cities, lovely ones. And, vaster, +
+ some realms I owned, two rivers, a continent. +
+ I miss them, but it wasn’t a disaster. +

+
+
+ A person walking away +

+ —Even losing you (the joking voice, a gesture +
+ I love) I shan’t have lied. It’s evident +
+ the art of losing’s not too hard to master +
+ though it may look like (Write it!) like disaster. +

+
+
+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem1.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem1.jpg new file mode 100644 index 00000000..df0954df Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem1.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem2.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem2.jpg new file mode 100644 index 00000000..2d88657f Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/index/poem2.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza1.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza1.jpg new file mode 100644 index 00000000..1f765ce7 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza1.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza2.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza2.jpg new file mode 100644 index 00000000..499c35ea Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/poem1/stanza2.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza1.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza1.jpg new file mode 100644 index 00000000..c0bd7397 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza1.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jfif b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jfif new file mode 100644 index 00000000..7ae3aef6 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jfif differ diff --git a/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jpg b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jpg new file mode 100644 index 00000000..fb56c16e Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_1/resources/poem2/stanza2.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_2/index.html b/Student Works/besher-massri/Assignments/assignment_2/index.html new file mode 100644 index 00000000..2eab30ba --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_2/index.html @@ -0,0 +1,127 @@ + + + + + Dr. Norman Borlaug Tribute Page + + + +
+

Dr. Norman Borlaug

+

The man who saved a billion lives

+
+ +
+ Dr. Norman Borlaug with a group of biologists in a field +
Dr.Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.
+
+
+

Here is a time line of Dr.Borlaug's life:

+
    +
    +
  • 1914 - Born in Cresco, lowa
  • +
    +
    +
  • 1933 - Leaves his family's farm to attend the Univresity of Missesota, thanks to a Depression era program known as the "National Youth Administration"
  • + +
  • 1935 - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."
  • + +
  • 1937 - Finishes unviersity and takes a job in the US Forestry Service
  • + +
  • 1938 - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.
  • +
    +
    +
  • 1941 - Tries to enroll in the mimiltary after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied sceince.
  • + +
  • 1942 - Receives a Ph.D. in Genetics and Plant Pathology
  • + +
  • 1944 - Rejects a 100% salary increase from Durpont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
  • + +
  • 1945 - Discovers a way to grown wheat twice each seasion, doubling wheat yields
  • +
    +
    +
  • 1953 - Crosses a short, sturdy dwarf breed of wheat with a high-yielding American breed, creating a strain that responds well to fertillizer. It goes on to provide 95% of Mexico's wheat.
  • +
    +
    +
  • 1962 - Visits Delhi and brings his high-hielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population.
  • +
    +
    +
  • 1970 - Receives the Nobel Peace Prize.
  • +
    +
    +
  • 1983 - Helps severn African coutnries dramatically increase their maize and sorghum yields.
  • + +
  • 1984 - Becomes a distinguished professor at Texas A&M University.
  • +
    +
    +
  • 2005 - States "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • + +
  • 2009 - Dies at the age of 95.
  • +
    +
+

+
"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellet, persistent and scientific vision can make to human peace and progress." +

+ -- Indian Prime Minister Manmohan Singh
+

If you have time, you should read more about this incredible human being on his Wikipedia entry.

+
+ + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_2/resources/index/dr_norman.jpg b/Student Works/besher-massri/Assignments/assignment_2/resources/index/dr_norman.jpg new file mode 100644 index 00000000..6cbbc146 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_2/resources/index/dr_norman.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/commands.txt b/Student Works/besher-massri/Assignments/assignment_3/commands.txt new file mode 100644 index 00000000..f52ffd52 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_3/commands.txt @@ -0,0 +1,23 @@ +89191247@student:~$ cd public_html/ +89191247@student:~/public_html$ mkdir Practicum_2 +89191247@student:~/public_html$ cd Practicum_2/ +89191247@student:~/public_html/Practicum_2$ mkdir Assignment_3 +89191247@student:~/public_html/Practicum_2$ cd Assignment_3/ +89191247@student:~/public_html/Practicum_2/Assignment_3$ touch gallery.html what.html homepage.html commands.txt +89191247@student:~/public_html/Practicum_2/Assignment_3$ ls +commands.txt gallery.html homepage.html what.html +89191247@student:~/public_html/Practicum_2/Assignment_3$ ls +commands.txt gallery.html homepage.html what.html +89191247@student:~/public_html/Practicum_2/Assignment_3$ tar czvf task.tgz * +commands.txt +gallery.html +homepage.html +resources/ +resources/gallery/ +resources/gallery/meme1.jpg +resources/gallery/meme2.jpg +resources/gallery/meme3.jpg +resources/gallery/meme4.jpg +resources/gallery/meme5.jpg +what.html +89191247@student:~/public_html/Practicum_2/Assignment_3$ \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_3/gallery.html b/Student Works/besher-massri/Assignments/assignment_3/gallery.html new file mode 100644 index 00000000..f8d9d2a0 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_3/gallery.html @@ -0,0 +1,208 @@ + + + + + Gallery + + + + + +
+ +
+

Browse Memes

+ +

Checkout the description of each meme below

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Be like Bill Meme + Be Like Bill
Bill is a stick-person illustration with white space left for captioning. The version pictured + here is Bill wearing a hat. There are also versions of Bill sitting at a computer. +

+ Bill lets you make passive-aggressive public judgments about other people's life choices — an + all-too irresistible appeal in modern society. To comment on something you disagree with, the + innocuous Bill stick figure is an easy way to transmit your message.
Kermit Sipping Tea Meme + Kermit Sipping Tea Meme: "But That's None of My Business"
While the adorable muppet imagery seems innocent enough, this meme allows someone to freely pass + judgment on other people for some perceived fault or failing. If you disagree with someone's + life choices or practices, the very meme-able Kermit will do the judging for you.
Kylo Ren's Tri-Lightsaber Meme + Kylo Ren's Tri-Lightsaber
When the trailer of Star Wars: The Force Awakens was released, fans went into a frenzy over the + character Kylo Ren's tri-lightsaber. Apparently, the functionality of such a mythical weapon was + debatable. This spurred a viral form of playful vandalism where readers around the world edited + different implements onto Ren's lightsaber, such as this example of a Swiss Army knife.
Grumpy Cat Meme + Grumpy Cat
Grumpy Cat was a beloved housepet from Arizona whose real name was Tardar Sauce. The kitty had a + disorder called feline dwarfism, leaving her with a distinctive underbite that gave off a + pouting facial expression. This little beast became the poster cat for sarcasm and faux + negativity. Thousands of captioned meme photos have been created using Tardar's seemingly grumpy + face. Tardar, who passed away in 2019, actually was a very happy and friendly cat, which makes + the sarcasm memes even richer!
Ylvis: What Does the Fox Say? Meme + Ylvis: What Does the Fox Say?
Norwegian comedy and music duo Ylvis asked the burning question, "What sound do foxes make?" + Sure enough, they not only provided the answer but presented it via a preposterous dance video + that went viral. This musical meme has gotten a lot of traction since its 2013 inception.
+
+
+

© Besher Massri

+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_3/homepage.html b/Student Works/besher-massri/Assignments/assignment_3/homepage.html new file mode 100644 index 00000000..442bc9d5 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_3/homepage.html @@ -0,0 +1,110 @@ + + + + Meme Gallery + + + + +
+ +
+

Meme Gallery

+
+

The largest collection of memes in the interwebs

+
+ +

In this site, we allow you check out the different memes that have been features across history.

+
+

To know more about memes, click What are memes?
+ To see the memes, checkout Gallery.

+

© Besher Massri

+
+
+ + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme1.jpg b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme1.jpg new file mode 100644 index 00000000..cc4a7b5e Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme1.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme2.jpg b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme2.jpg new file mode 100644 index 00000000..fb764477 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme2.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme3.jpg b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme3.jpg new file mode 100644 index 00000000..17b8d2bf Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme3.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme4.jpg b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme4.jpg new file mode 100644 index 00000000..fffb9520 Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme4.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme5.jpg b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme5.jpg new file mode 100644 index 00000000..4aa9569b Binary files /dev/null and b/Student Works/besher-massri/Assignments/assignment_3/resources/gallery/meme5.jpg differ diff --git a/Student Works/besher-massri/Assignments/assignment_3/what.html b/Student Works/besher-massri/Assignments/assignment_3/what.html new file mode 100644 index 00000000..1ab4d453 --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_3/what.html @@ -0,0 +1,116 @@ + + + + What are memes + + + + +
+ +
+

What are Memes

+ +

An Internet meme, more commonly known simply as a meme (/miːm/ MEEM), is a type of meme which is spread + via the Internet, often through social media platforms. Colloquially, the term may also refer specifically + to pieces of media that take the general format of such memes, traditionally but not exclusively combining + image macros with a concept or catchphrase. These traditional types of memes can be very simplistic, + often featuring a single word or phrase. In some cases these words and phrases contain intentional misspellings + (such as locates) or incorrect grammar (such as doge and "All your base are belong to us"). + However, in more recent times, memes have evolved from simple image macros with text to more + elaborate things such as challenges, GIFs and viral sensations. Their evolution has made it uncommon + to go anywhere nowadays without seeing some form of meme. These small movements tend to spread from + person to person via social networks, blogs, direct email, or news sources. They may relate to various + existing Internet cultures or subcultures, often created or spread on various websites. Fads and sensations + tend to grow rapidly on the Internet because the instant communication facilitates word of mouth transmission. + Some examples include posting a photo of people lying down in public places (called "planking") and uploading + a short video of people doing the Harlem Shake.

+

© Besher Massri

+
+
+ + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_8/assignment_8.html b/Student Works/besher-massri/Assignments/assignment_8/assignment_8.html new file mode 100644 index 00000000..df456c7c --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_8/assignment_8.html @@ -0,0 +1,92 @@ + + + + Timer + + + + + + + + + + + + + + + +
Numbers
+ + + + \ No newline at end of file diff --git a/Student Works/besher-massri/Assignments/assignment_9/assignment9.html b/Student Works/besher-massri/Assignments/assignment_9/assignment9.html new file mode 100644 index 00000000..75e4a7be --- /dev/null +++ b/Student Works/besher-massri/Assignments/assignment_9/assignment9.html @@ -0,0 +1,111 @@ + + + + + + Collect + + + + + + + + + + + + + + + + +
+ + +
+
+
+ +
Collect: 733Current sum: 0
+ + + + + \ No newline at end of file diff --git a/Student Works/besher-massri/Current Work/lecture 7/harold.jpg b/Student Works/besher-massri/Current Work/lecture 7/harold.jpg new file mode 100644 index 00000000..2d2e595f Binary files /dev/null and b/Student Works/besher-massri/Current Work/lecture 7/harold.jpg differ diff --git a/Student Works/besher-massri/Current Work/lecture 7/index.html b/Student Works/besher-massri/Current Work/lecture 7/index.html new file mode 100644 index 00000000..adb16d1d --- /dev/null +++ b/Student Works/besher-massri/Current Work/lecture 7/index.html @@ -0,0 +1,49 @@ + + + + + (Not) My first time with Javascript + + + + +
+ +
+ + + \ No newline at end of file diff --git a/Student Works/besher-massri/Current Work/lecture 7/pedobear.jpg b/Student Works/besher-massri/Current Work/lecture 7/pedobear.jpg new file mode 100644 index 00000000..3b89e362 Binary files /dev/null and b/Student Works/besher-massri/Current Work/lecture 7/pedobear.jpg differ diff --git a/Student Works/curry0/Assingments/Assingment 1(poems).tar b/Student Works/curry0/Assingments/Assingment 1(poems).tar new file mode 100644 index 00000000..9d49c4fe Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 1(poems).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 2(Dr Norman).tar b/Student Works/curry0/Assingments/Assingment 2(Dr Norman).tar new file mode 100644 index 00000000..7fb5bd05 Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 2(Dr Norman).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 3(memes).tar b/Student Works/curry0/Assingments/Assingment 3(memes).tar new file mode 100644 index 00000000..3bf71381 Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 3(memes).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 4(memes).tar b/Student Works/curry0/Assingments/Assingment 4(memes).tar new file mode 100644 index 00000000..624eba46 Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 4(memes).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 5(memes).tar b/Student Works/curry0/Assingments/Assingment 5(memes).tar new file mode 100644 index 00000000..823d39b0 Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 5(memes).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 6(memes).tar b/Student Works/curry0/Assingments/Assingment 6(memes).tar new file mode 100644 index 00000000..75bad08e Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 6(memes).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 7(color).tar b/Student Works/curry0/Assingments/Assingment 7(color).tar new file mode 100644 index 00000000..81aa57c2 Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 7(color).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 8(timer).tar b/Student Works/curry0/Assingments/Assingment 8(timer).tar new file mode 100644 index 00000000..da56af4b Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 8(timer).tar differ diff --git a/Student Works/curry0/Assingments/Assingment 9(sum).tar b/Student Works/curry0/Assingments/Assingment 9(sum).tar new file mode 100644 index 00000000..c541b9ff Binary files /dev/null and b/Student Works/curry0/Assingments/Assingment 9(sum).tar differ diff --git a/Student Works/curry0/Current work/onlie class week 7(JS).tar b/Student Works/curry0/Current work/onlie class week 7(JS).tar new file mode 100644 index 00000000..ba0b2b02 Binary files /dev/null and b/Student Works/curry0/Current work/onlie class week 7(JS).tar differ diff --git a/Student Works/curry0/Current work/online class week 4.tar b/Student Works/curry0/Current work/online class week 4.tar new file mode 100644 index 00000000..c8ea088c Binary files /dev/null and b/Student Works/curry0/Current work/online class week 4.tar differ diff --git a/Student Works/curry0/Current work/online class week 5.tar b/Student Works/curry0/Current work/online class week 5.tar new file mode 100644 index 00000000..7318ae1e Binary files /dev/null and b/Student Works/curry0/Current work/online class week 5.tar differ diff --git a/Student Works/curry0/Current work/online class week 6(CSS).tar b/Student Works/curry0/Current work/online class week 6(CSS).tar new file mode 100644 index 00000000..ffd52ac5 Binary files /dev/null and b/Student Works/curry0/Current work/online class week 6(CSS).tar differ diff --git a/Student Works/lagudanec/Assignments/Assignment 1/CommandHistory.html b/Student Works/lagudanec/Assignments/Assignment 1/CommandHistory.html new file mode 100644 index 00000000..6fc02d91 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 1/CommandHistory.html @@ -0,0 +1,30 @@ + + + + History of Used Commands Page + + +

1 ls + 2 notepad text.txt + 3 history > text.txt + 4 ls + 5 cd Downloads + 6 cd .. + 7 ls + 8 ls + 9 cd .\Desktop\ + 10 ls + 11 cd '.\Computer Practicum 2\' + 12 mkdirir HTML + 13 mkdir HTML + 14 ls + 15 cp images.jfif + 16 ls + 17 vim .\MainPage.html + 18 ls + 19 clear + 20 history >sublime + 21 vim history.html

+ + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 1/FirstPoem.html b/Student Works/lagudanec/Assignments/Assignment 1/FirstPoem.html new file mode 100644 index 00000000..202b9117 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 1/FirstPoem.html @@ -0,0 +1,37 @@ + + + + First Poem + + +

When that I was and a little tiny

+

William Shakespeare

+

+ When that I was and a little tiny boy,
+ With hey, ho, the wind and the rain,
+ A foolish thing was but a toy,
+ For the rain it raineth every day.

+
+

+ But when I came to man’s estate,
+ With hey, ho, the wind and the rain,
+ ’Gainst knaves and thieves men shut their gate,
+ For the rain it raineth every day.

+
+

+ But when I came, alas! to wive,
+ With hey, ho, the wind and the rain,
+ By swaggering could I never thrive,
+ For the rain it raineth every day.

+
+

+ But when I came unto my beds,
+ With hey, ho, the wind and the rain,
+ With toss-pots still had drunken heads,
+ For the rain it raineth every day.

+
+
+ + + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 1/Howard-TimonAct4.jpg b/Student Works/lagudanec/Assignments/Assignment 1/Howard-TimonAct4.jpg new file mode 100644 index 00000000..23aa25db Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 1/Howard-TimonAct4.jpg differ diff --git a/Student Works/lagudanec/Assignments/Assignment 1/Juliet-Mitchell-Poster-Image.jpg b/Student Works/lagudanec/Assignments/Assignment 1/Juliet-Mitchell-Poster-Image.jpg new file mode 100644 index 00000000..a9daa8b6 Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 1/Juliet-Mitchell-Poster-Image.jpg differ diff --git a/Student Works/lagudanec/Assignments/Assignment 1/MainPage.html b/Student Works/lagudanec/Assignments/Assignment 1/MainPage.html new file mode 100644 index 00000000..cafa259d --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 1/MainPage.html @@ -0,0 +1,28 @@ + + + + Main page + + +

Main page

+
+
+

When that I was and a little tiny boy

+

William Shakespeare

+

This song, from one of Shakespeare’s most popular comedies, is sung by the Clown or Fool character, Feste, at the end of Twelfth Night.
Some critics have expressed doubts over Shakespeare’s authorship of the song, which may have been written by Robert Armin (who played the fool characters in the original productions of many of Shakespeare’s plays) or may be an earlier song that predates the play. It uses wind and rain as symbols of life’s hardships, and thus concludes the poem on a somewhat bittersweet note.

+
+
+
+
+

Timon of Athens

+

William Shakespeare

+

Timon stands outside the wall of Athens and curses the city enthusiastically. He wishes death and destruction, plague and misfortune, upon the city's dwellers, and turns to the hills, where he expects to "find / Th'unkindest beast more kinder than mankind". His hatred for mankind will grow enormous, he predicts.Back at Timon's house, Flavius and several servants discuss what has happened. They're amazed that such a great house has fallen, and that none of them have yet gone into the wilderness with Timon to serve him. The servants must depart, and are sad.

+
+
+
+
+ + + diff --git a/Student Works/lagudanec/Assignments/Assignment 1/SecondPoem.html b/Student Works/lagudanec/Assignments/Assignment 1/SecondPoem.html new file mode 100644 index 00000000..94cfb359 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 1/SecondPoem.html @@ -0,0 +1,53 @@ + + + Second Poem + + +

Timon of Athens

+

William Shakespeare

+ + +

+ Good fellows all,
+ The latest of my wealth I'll share amongst you.
+ Wherever we shall meet, for Timon's sake,
+ Let's yet be fellows; let's shake our heads, and say,
+ As 'twere a knell unto our master's fortunes,
+ 'We have seen better days.' Let each take some;
+ Nay, put out all your hands. Not one word more:
+ Thus part we rich in sorrow, parting poor

+
+ +

+ O, the fierce wretchedness that glory brings us!
+ Who would not wish to be from wealth exempt,
+ Since riches point to misery and contempt?
+ Who would be so mock'd with glory? or to live
+ But in a dream of friendship?

+
+ +

+ To have his pomp and all what state compounds
+ But only painted, like his varnish'd friends?
+ Poor honest lord, brought low by his own heart,
+ Undone by goodness! Strange, unusual blood,
+ When man's worst sin is, he does too much good!
+ Who, then, dares to be half so kind again?

+
+ +

+ For bounty, that makes gods, does still mar men.
+ My dearest lord, bless'd, to be most accursed,
+ Rich, only to be wretched, thy great fortunes
+ Are made thy chief afflictions. Alas, kind lord!
+ He's flung in rage from this ingrateful seat
+ Of monstrous friends, nor has he with him to
+ Supply his life, or that which can command it.
+ I'll follow and inquire him out:
+ I'll ever serve his mind with my best will;
+ Whilst I have gold, I'll be his steward still.

+


+ + + + diff --git a/Student Works/lagudanec/Assignments/Assignment 1/images.jfif b/Student Works/lagudanec/Assignments/Assignment 1/images.jfif new file mode 100644 index 00000000..036a2371 Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 1/images.jfif differ diff --git a/Student Works/lagudanec/Assignments/Assignment 1/text.txt b/Student Works/lagudanec/Assignments/Assignment 1/text.txt new file mode 100644 index 00000000..6ad2e51d Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 1/text.txt differ diff --git a/Student Works/lagudanec/Assignments/Assignment 2/ImageAssignment.html b/Student Works/lagudanec/Assignments/Assignment 2/ImageAssignment.html new file mode 100644 index 00000000..fe078e0a --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 2/ImageAssignment.html @@ -0,0 +1,128 @@ + + + + Tribute + + + +
+

Dr. Norman Borlaug

+ +

The man who saved a bilion lives

+
+ +
+ Dr. Norman Borlaug +
Dr. Norman Borlaug, third from the left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger.
+
> +
+
+

Here's a time line of Dr. Borlaug's life:

+
+
    +
  • 1914 - Born in Cresco, Iowa
  • +
    +
  • 1933 - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration" +
  • +
    +
  • 1935 - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."
  • +
    +
  • 1937 - Finishes university and takes a job in the US Forestry Service
  • +
    +
  • 1938 - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.
  • +
    +
  • 1941 - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disinfectants, and other applied science.
  • +
    +
  • 1942 - Receives a Ph.D. in Genetics and Plant Pathology
  • +
    +
  • 1944 - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
  • +
    +
  • 1945 - Discovers a way to grown wheat twice each season, doubling wheat yields
  • +
    +
  • 1953 - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertilizer. It goes on to provide 95% of Mexico's wheat.
  • +
    +
  • 1962 - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population
  • +
    +
  • 1970 - receives the Nobel Peace Prize
  • +
    +
  • 1983 - helps seven African countries dramatically increase their maize and sorghum yields
  • +
    +
  • 1984 - becomes a distinguished professor at Texas A&M University
  • +
    +
  • 2005 - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • +
    +
  • 2009 - dies at the age of 95.
  • +
    + + + +
    "Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress." +
    + -- Indian Prime Minister Manmohan Singh
    +
+
+ + + +
+ + + diff --git a/Student Works/lagudanec/Assignments/Assignment 3/gallery.html b/Student Works/lagudanec/Assignments/Assignment 3/gallery.html new file mode 100644 index 00000000..55c9bb9a --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 3/gallery.html @@ -0,0 +1,81 @@ + + + + Gallery + + + + +

Browse Memes

+
+ Check out the description od each meme below +
+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 3/homepage.html b/Student Works/lagudanec/Assignments/Assignment 3/homepage.html new file mode 100644 index 00000000..d23a1d9c --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 3/homepage.html @@ -0,0 +1,116 @@ + + + + Meme Galleryz + + + + + +
+

Meme Gallery

+
+
+ +
+

Hello dear new memer,
+ Welcome to the FAMNIT meme club.

+

You can become our memer with only 2 steps:

+
    +
  1. Cliking to this buttnom below.
  2. +
  3. Enetering your informations.
  4. +
+
+ +
+
+
+
+ + + + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 4/HomePage1.html b/Student Works/lagudanec/Assignments/Assignment 4/HomePage1.html new file mode 100644 index 00000000..c5d4a5bc --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 4/HomePage1.html @@ -0,0 +1,119 @@ + + + + Home Page + + + + +
+

Home Page

+
+
+ +
+

Hello dear new memer,
+ Welcome to the FAMNIT meme club.

+

You can become our memer by clicking to the buttom below and enetring your data there.

+
+ +
+
+
+
+ + + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 4/RegisterAcc.html b/Student Works/lagudanec/Assignments/Assignment 4/RegisterAcc.html new file mode 100644 index 00000000..26c669b0 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 4/RegisterAcc.html @@ -0,0 +1,171 @@ + + + + Register Account Page + + + + +
+

Please enter your infotmations below

+
+
+ +
+
+
+ Demographic info + + +
+ + +
+ + +
+ + +
+ Gender: +
+ + +
+ + +
+ + +
+
+
+ Personal info + + +
+ + +
+ + +
+ + +
+ + +
+
+
+
+ Other info + Write your reason(s) for joining FAMNIT Meme Club +
+ +
+ + +
+
+ +
+
+ © FAMNIT Meme Club +
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 4/SubmissionPage.html b/Student Works/lagudanec/Assignments/Assignment 4/SubmissionPage.html new file mode 100644 index 00000000..2e6c4a58 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 4/SubmissionPage.html @@ -0,0 +1,105 @@ + + + + Submission Page + + + + +
+

Sorry, but we didn't learn php and professor told us to ignore php part :/

+
+
+ +
+ + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 4/UploadMeme.html b/Student Works/lagudanec/Assignments/Assignment 4/UploadMeme.html new file mode 100644 index 00000000..1cb592a8 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 4/UploadMeme.html @@ -0,0 +1,10 @@ + + + + Upload a Meme + + + + + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 4/upfamnit.jpg b/Student Works/lagudanec/Assignments/Assignment 4/upfamnit.jpg new file mode 100644 index 00000000..52023687 Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 4/upfamnit.jpg differ diff --git a/Student Works/lagudanec/Assignments/Assignment 7/table256.html b/Student Works/lagudanec/Assignments/Assignment 7/table256.html new file mode 100644 index 00000000..5d0e6f5b --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 7/table256.html @@ -0,0 +1,37 @@ + + + + Colors + + + + + + + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 8/Assignment8.html b/Student Works/lagudanec/Assignments/Assignment 8/Assignment8.html new file mode 100644 index 00000000..b27e4455 --- /dev/null +++ b/Student Works/lagudanec/Assignments/Assignment 8/Assignment8.html @@ -0,0 +1,87 @@ + + + + Numbers + + + + +
+ + + +
+
+ + +
Numbers
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Assignments/Assignment 9/A Game With Numbers.html b/Student Works/lagudanec/Assignments/Assignment 9/A Game With Numbers.html new file mode 100644 index 00000000..ff6a6798 Binary files /dev/null and b/Student Works/lagudanec/Assignments/Assignment 9/A Game With Numbers.html differ diff --git a/Student Works/lagudanec/Current work/Lecture 11/chat b/Student Works/lagudanec/Current work/Lecture 11/chat new file mode 100644 index 00000000..bb79ec2d --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 11/chat @@ -0,0 +1 @@ +v \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 11/chat.js b/Student Works/lagudanec/Current work/Lecture 11/chat.js new file mode 100644 index 00000000..37be9abd --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 11/chat.js @@ -0,0 +1,38 @@ +var http = require('http'); +var url = require('url'); + +//I have this function and node js will called this function +//If you eant to write or add content in my html page + +function formatAsHtml(content){ + var output = + "\n" + + "\n" + + "\n" + + "\n" + + "My Chit Chat\n" + + "\n" + + "\n" + + content + "\n" + + "\n" + + ""; + return output; +}//end function formatAsHtml +//function formatAsHtml recieves content as a parametar and this function adds content into html code + +//we willbe using an array of messages for the chat +var message = []; + +//this fun. will recieve the request from the client and will display the response from the server +function handleRequest(request, response){ + var urlData = url.parse(request.url, true); + var parameters = urlData.query; + +}//end func. handlerequest + +//server calls function handleRequest, to make it look elegant we define handleRequest outside, before createServer +var server = http.createServer(handleRequest); +server.listen(8080); +//this is a message we show in the console/terminal + +console.log("Ahoy! Server is at port 8080 uo beep beep!") \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 4/A2 vaje na daljavo_branje+slovnica.pdf b/Student Works/lagudanec/Current work/Lecture 4/A2 vaje na daljavo_branje+slovnica.pdf new file mode 100644 index 00000000..e027b1ce Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 4/A2 vaje na daljavo_branje+slovnica.pdf differ diff --git a/Student Works/lagudanec/Current work/Lecture 4/Slovenscina.zip b/Student Works/lagudanec/Current work/Lecture 4/Slovenscina.zip new file mode 100644 index 00000000..40706e32 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 4/Slovenscina.zip differ diff --git a/Student Works/lagudanec/Current work/Lecture 4/onlinelecture1.html b/Student Works/lagudanec/Current work/Lecture 4/onlinelecture1.html new file mode 100644 index 00000000..e98cf630 --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 4/onlinelecture1.html @@ -0,0 +1,71 @@ + + + + Page 1 + + + +
+ + +
+ + +
+
+ Demographic + Gender: +
+ + +
+ + + + +
+ What is your age group? +
+ +
+ +
+
+
+
+ Meal choice + What do you like to eat? +
+ +
+ +
+ + +
+
+ +
+ Why do you want to join? +
+ +
+ Upload your CV + + +
+ +
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 4/page2.html b/Student Works/lagudanec/Current work/Lecture 4/page2.html new file mode 100644 index 00000000..24a6ee8b --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 4/page2.html @@ -0,0 +1,9 @@ + + + + Page 2 + + +

Boku wa Banzai des!

+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 5/page1.html b/Student Works/lagudanec/Current work/Lecture 5/page1.html new file mode 100644 index 00000000..26188d8a --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 5/page1.html @@ -0,0 +1,86 @@ + + + GIFS Galore + + + + +
+

The best GIF's of this millenia

+

Showing you the best that have changed history

+
+
+ +
+

+
+			 	We're no strangers to love
+				You know the rules and so do I
+				A full commitment's what I'm thinking of
+				You wouldn't get this from any other guy
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				And if you ask me how I'm feeling
+				Don't tell me you're too blind to see
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give, never gonna give
+				(Give you up)
+				(Ooh) Never gonna give, never gonna give
+				(Give you up)
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say good	bye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+		
+
+
+
+

© Copyright 9GAG.com

+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 5/rick.css b/Student Works/lagudanec/Current work/Lecture 5/rick.css new file mode 100644 index 00000000..0c98b9fb --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 5/rick.css @@ -0,0 +1,112 @@ +* { + box-sizing: border-box; +} + +body { + background: white; + outline: 2px dashed gray; +} + +header { + border-bottom: 2px solid yellow; + font-family: sans-serif; + padding-left: 10px; + padding-top: 10px; + margin: auto; + height: 20%; +} + +h1 { + font-size: 35px; + letter-spacing: 15px; + /* spaces in between letters */ + word-spacing: 20px; + /* spaces in between words */ + line-height: 40px; + /* the space in between two lines of text */ + text-shadow: 3px 2px orange; + /* horizontal shadow, vertical, then color 8*/ +} + +h2 { + font-size: 20px; + font-style: italic; + text-decoration: line-through; + text-shadow: 2px 1px green; +} + +section{ + height: 70%; +} + +nav { + float: left; + border-right: 2px solid tomato; + width: 30%; + height: 100%; +} + +a { + color: hotpink; + text-decoration: none; +} + +a:hover { + color: orange; +} +/* a:hover is an example of a pseudo element */ + +ul { + background: #ff9999; + list-style-image: url("https://phoneky.co.uk/thumbs/screensavers/down/abstract/poring_rbjz4fhl.gif"); + list-style-position: inside; + margin-left: 30; + padding: 0; + font-size: 25px; + overflow: auto; +} + +ul li { + background: #ffe5e5; +} +/* apply backgroun color on the entire list item which is a block */ + +li a{ + display: block; +} +/* instead of text, the clickabe is the entire block */ + +li a:hover{ + background-color: white; +} +/* makes the entire block hoverable */ + + +article { + float: left; + width: 70%; + height: 100%; + background-image: url("https://gifimage.net/wp-content/uploads/2017/11/fried-chicken-gif-2.gif"); + background-repeat: repeat; + background-attachment: scroll; + overflow: auto; +} + +article.background-image{ + opacity: 0.2; +} + +p.image { + text-align: center; +} + +img:hover { + opacity: 0.5; +} + +footer { + border-top: 2px solid tomato; + height: 15%; +} + + diff --git a/Student Works/lagudanec/Current work/Lecture 6/91NzY0fBH2L.jpg b/Student Works/lagudanec/Current work/Lecture 6/91NzY0fBH2L.jpg new file mode 100644 index 00000000..4afb7190 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/91NzY0fBH2L.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/Your-Welcome-Your-Welcome-Meme.jpg b/Student Works/lagudanec/Current work/Lecture 6/Your-Welcome-Your-Welcome-Meme.jpg new file mode 100644 index 00000000..cba25904 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/Your-Welcome-Your-Welcome-Meme.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/dan-brown-origin.jpg b/Student Works/lagudanec/Current work/Lecture 6/dan-brown-origin.jpg new file mode 100644 index 00000000..f5f2e240 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/dan-brown-origin.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/download.jfif b/Student Works/lagudanec/Current work/Lecture 6/download.jfif new file mode 100644 index 00000000..11696071 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/download.jfif differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/image1.png b/Student Works/lagudanec/Current work/Lecture 6/image1.png new file mode 100644 index 00000000..ca16838a Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/image1.png differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/imgg.jpg b/Student Works/lagudanec/Current work/Lecture 6/imgg.jpg new file mode 100644 index 00000000..93fab97a Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/imgg.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 6/orange.css b/Student Works/lagudanec/Current work/Lecture 6/orange.css new file mode 100644 index 00000000..a7e1c610 --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 6/orange.css @@ -0,0 +1,110 @@ +body{ + background-color: lightblue; +} +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: gray; + overflow: hidden; + /*position: fixed;*/ + bottom: 0; + width: 100%; +} + +li { + float: left; + display: inline; +} + +li a, .dropbtn { + display: inline-block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +li a:hover, .dropdown:hover .dropbtn { + background-color: hotpink; + color:pink; +} +.active{ + background-color: tomato; + color:yellow; +} + +li.dropdown { + display: inline-block; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: lightpink; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.dropdown-content a:hover { + background-color: orange; +} + +.dropdown:hover .dropdown-content { + display: block; +} + +div.gallery{ + margin: 5px; + border: 1px solid blue; + float: left; + width: 180px; +} + +div.gallery:hover{ + border: 1px solid green; +} + +div.gallery img{ + width: 100%; + height: auto; +} + +div.desc{ + padding: 15px; + text-align: center; +} +input { + /*width: 100%;*/ + +} + +input[type=text]{ + padding: 12px 20px; + margin: 8px 0; + border-bottom:2px solid blue; + box-sizing: border-box; + background-color: #; + color: white; + transition: width 0.4s ease-in-out; +} +input[type=text]:focus{ + background-color: white; + color:black; +} +.last{ + font-size: 130%; + font-family: ariel; + + +} \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 6/page1.html b/Student Works/lagudanec/Current work/Lecture 6/page1.html new file mode 100644 index 00000000..00b6901b --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 6/page1.html @@ -0,0 +1,30 @@ + + + + Home + + + +
+

Welcome!

+
+
+ +
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 6/page2.html b/Student Works/lagudanec/Current work/Lecture 6/page2.html new file mode 100644 index 00000000..a69a190f --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 6/page2.html @@ -0,0 +1,44 @@ + + + + Gallery + + + +
+

Welcome!

+
+
+ +
+
+ + + + +
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 6/page3.html b/Student Works/lagudanec/Current work/Lecture 6/page3.html new file mode 100644 index 00000000..c4caebdb --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 6/page3.html @@ -0,0 +1,36 @@ + + + + Contact + + + +
+

Welcome!

+
+
+ +
+
+ +
+ +
+ +
+ +
+
+
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 6/page4.html b/Student Works/lagudanec/Current work/Lecture 6/page4.html new file mode 100644 index 00000000..1812d6f1 --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 6/page4.html @@ -0,0 +1,35 @@ + + + + About + + + +
+

Dan Brown

+
+
+ +
+
+

Dan Brown is the author of numerous #1 bestselling novels, including The Da Vinci Code, which has become one of the best selling novels of all time as well as the subject of intellectual debate among readers and scholars. Brown’s novels are published in 56 languages around the world with over 200 million copies in print. + + In 2005, Brown was named one of the 100 Most Influential People in the World by TIME Magazine, whose editors credited him with “keeping the publishing industry afloat; renewed interest in Leonardo da Vinci and early Christian history; spiking tourism to Paris and Rome; a growing membership in secret societies; the ire of Cardinals in Rome; eight books denying the claims of the novel and seven guides to read along with it; a flood of historical thrillers; and a major motion picture franchise.” + + The son of a mathematics teacher and a church organist, Brown was raised on a prep school campus where he developed a fascination with the paradoxical interplay between science and religion. These themes eventually formed the backdrop for his books. He is a graduate of Amherst College and Phillips Exeter Academy, where he later returned to teach English before focusing his attention full time to writing. He lives in New England with his wife. + + Brown’s latest novel, Origin, explores two of the fundamental questions of humankind: Where do we come from? Where are we going? +

+

To see more and order book Click here

+ +
+
+

© Copyright 2020.

+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 6/unicorn.jfif b/Student Works/lagudanec/Current work/Lecture 6/unicorn.jfif new file mode 100644 index 00000000..98b400a5 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 6/unicorn.jfif differ diff --git a/Student Works/lagudanec/Current work/Lecture 7/download.jpg b/Student Works/lagudanec/Current work/Lecture 7/download.jpg new file mode 100644 index 00000000..b2c65e34 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 7/download.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 7/file1.html b/Student Works/lagudanec/Current work/Lecture 7/file1.html new file mode 100644 index 00000000..062ea6e4 --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 7/file1.html @@ -0,0 +1,48 @@ + + + + My first JavaScript Webpage + + + + +

Hello World!
Welcome to my first Java Script work!
Thank you for scrolling and wasting your time <3

+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 7/images.jpg b/Student Works/lagudanec/Current work/Lecture 7/images.jpg new file mode 100644 index 00000000..d9b30e53 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 7/images.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 8/Lecture8.html b/Student Works/lagudanec/Current work/Lecture 8/Lecture8.html new file mode 100644 index 00000000..505ad90e --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 8/Lecture8.html @@ -0,0 +1,84 @@ + + + + Make a Choice! + + + + + + + +
+
+ +
+
+ +
+
+ +
+

+ +

+ + + + + + +
Sequence No.ChoiceEvent
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 8/bruh.jpg b/Student Works/lagudanec/Current work/Lecture 8/bruh.jpg new file mode 100644 index 00000000..177f7f89 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 8/bruh.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 8/file1.html b/Student Works/lagudanec/Current work/Lecture 8/file1.html new file mode 100644 index 00000000..ee05d05b --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 8/file1.html @@ -0,0 +1,94 @@ + + + + Make a Choice! + + + + + + +
+
+ +
+
+ +
+
+ +
+

+ +

+

+ + + + + + +
Sequence No. ChoiceEvent
+

+ + + + + + + + + + + + + + + diff --git a/Student Works/lagudanec/Current work/Lecture 8/nut.jpg b/Student Works/lagudanec/Current work/Lecture 8/nut.jpg new file mode 100644 index 00000000..1b857ba7 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 8/nut.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 8/struggle.jpg b/Student Works/lagudanec/Current work/Lecture 8/struggle.jpg new file mode 100644 index 00000000..cbb15093 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 8/struggle.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 8/yeet.jpg b/Student Works/lagudanec/Current work/Lecture 8/yeet.jpg new file mode 100644 index 00000000..74349036 Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 8/yeet.jpg differ diff --git a/Student Works/lagudanec/Current work/Lecture 9/Lecture9.html b/Student Works/lagudanec/Current work/Lecture 9/Lecture9.html new file mode 100644 index 00000000..d270634e --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 9/Lecture9.html @@ -0,0 +1,90 @@ + + + + Using JS Form Validation + + + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Current work/Lecture 9/Untitled.png b/Student Works/lagudanec/Current work/Lecture 9/Untitled.png new file mode 100644 index 00000000..0f460e2d Binary files /dev/null and b/Student Works/lagudanec/Current work/Lecture 9/Untitled.png differ diff --git a/Student Works/lagudanec/Current work/Lecture 9/jana.html b/Student Works/lagudanec/Current work/Lecture 9/jana.html new file mode 100644 index 00000000..39e8a975 --- /dev/null +++ b/Student Works/lagudanec/Current work/Lecture 9/jana.html @@ -0,0 +1,85 @@ + + + + Using JS Form Validation + + + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ + \ No newline at end of file diff --git a/Student Works/lagudanec/Project/Midterm1.zip b/Student Works/lagudanec/Project/Midterm1.zip new file mode 100644 index 00000000..95ab261b Binary files /dev/null and b/Student Works/lagudanec/Project/Midterm1.zip differ diff --git a/Student Works/nikolakovacevic/Assignments/EighthAssignment/table.html b/Student Works/nikolakovacevic/Assignments/EighthAssignment/table.html new file mode 100644 index 00000000..bf32973e --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/EighthAssignment/table.html @@ -0,0 +1,127 @@ + + + + + + + Table Timer + + + + + + + +
+ + + +
+ +
+ + + + +
Table
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/CSS/styles.css b/Student Works/nikolakovacevic/Assignments/FifthAssignment/CSS/styles.css new file mode 100644 index 00000000..e70ff8a4 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/CSS/styles.css @@ -0,0 +1,275 @@ +* { + box-sizing: border-box; +} + +body { + background-color: #ffffff; /*#b3d9ff*/ + margin: 0; +} + +section { + display: flex; + flex-wrap: wrap; +} + +header { + font-size: 20px; + padding: 0 10px; + color: #FF9933; + font-weight: 800; + text-align: left; + position: sticky; +} + +/* The sub-header */ +#header2 { + font-size: 55px; + font-style: italic; + font-weight: bold; + color: #009900; + font-family: "Brush Script MT"; + text-align: left; + margin: 0; + padding: 0 10; +} + +/*The style of the nav-bar*/ +.navbar { + flex: 1; + flex-direction: column; +} + +nav { + background: #ffffff; + margin: 40px auto; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0 auto; + width: 130px; +} + +nav ul li { + width: 100%; + margin: 10px 0; + padding: 0; + background-color: rgb(25, 166, 221); +} + +nav ul li a { + display: block; + width: 80%; + padding: 5px 5px; + margin: 0 auto; + text-decoration: none; + background-color: rgb(114, 190, 114); + color: white; + font-weight: bold; +} + + + +/* Styling the div below the .navbar */ +.second-part { + flex: 7; + flex-direction: column; +} + +fieldset { + width: 450px; + float: left; + border-color: #F00; + border-style: solid; +} + +.meme { + position: relative; + width: 80%; + height: 4150px; + border: 10px solid #FF9933; + background-color: #FF9933; +} + +/* Styling divs and making tables */ +.memecolumn1, .memecolumn2 { + height: inherit - 50px; + position: absolute; + background-color: #87CEFA; + box-sizing: content-box; + width: 49.8%!important; + top: 0; +} + +.memecolumn1 { + left: 0; +} + +.memecolumn2 { + right: 0; +} + +.info, .memeimage { + box-sizing: content-box; + padding: 5px; +} + +.info { + height: 400px; + border-bottom: 2px solid #FF9933; +} + +.memetitle { + font-family: "Brush Script MT"; + font-style: italic; + color: #009900; + height: 40px; + font-weight: semi-bold; + text-align: center; + font-size: 30px; +} + +.memedescription { + color: gray; + height: 280px; + text-align: center; + padding: 10px; + font-size: 17px; +} + +.memestars { + color: #000; + height: 35px; + text-align: center; + font-size: 20px; + padding: 5px; +} + +.memetitle, .memedescription, .memestars { + border-bottom: 2px solid salmon; +} + +.memerate { + position: absolute; + text-align: center; + right: 20%; +} + +.memeimage { + width: 100%; + height: 400px; + position: relative; + border-bottom: 2px solid #FF9933; +} + +.memeimage img { + height: 95%; + left: 9%; + position: absolute; + top: 2%; + width: 80%; +} + + +/*Description*/ +article { + padding: 0 10px; + color: gray; +} + +/* The end text and copyrights */ +footer { + position: relative; + margin: auto; + font-size: 15px; + float: left; + width: 60%; + color: gray; +} + +/* Designing the stars. */ +.rate { + float: left!important; + left: 0; + height: 30px; + padding: 0 80px; +} +.rate:not(:checked) > input { + position:absolute; + top:-9999px; +} +.rate:not(:checked) > label { + float :right; + width: 1em; + overflow:hidden; + white-space:nowrap; + cursor:pointer; + font-size:30px; + color:#ccc; +} +.rate:not(:checked) > label:before { + content: '★ '; +} +.rate > input:checked ~ label { + color: #ffc700; +} +.rate:not(:checked) > label:hover, +.rate:not(:checked) > label:hover ~ label { + color: #deb217; +} +.rate > input:checked + label:hover, +.rate > input:checked + label:hover ~ label, +.rate > input:checked ~ label:hover, +.rate > input:checked ~ label:hover ~ label, +.rate > label:hover ~ input:checked ~ label { + color: #c59b08; +} + +input[type="submit"] { + width: 80px; + height: 32px; + margin: 10px; + border: none; + border-radius: 2px; + color: #fff; + background-color: #000; + font-weight: 500; + text-transform: uppercase; + cursor: pointer; +} + +.description { + color: gray; +} + +.form { + flex: 1 0 auto; +} + +.register-image { + float: right; + margin-right: 200px; + margin-top: 200px; +} + +.about-description { + text-align: center; + color: grey; + font-size: 15px; +} + +/* Responsive layout - makes the menu and the content +(inside the section) sit on top of each other instead +of next to each other */ +@media (max-width: 600px) { + section { + flex-direction: column; + } + + nav, article, #join, .complete-box { + width: 100%; + height: auto; + } +} \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image1.jpg b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image1.jpg new file mode 100644 index 00000000..f19a5333 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image1.jpg differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image10.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image10.png new file mode 100644 index 00000000..86eb446d Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image10.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image2.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image2.png new file mode 100644 index 00000000..666705b7 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image2.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image3.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image3.png new file mode 100644 index 00000000..09090427 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image3.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image4.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image4.png new file mode 100644 index 00000000..71b47de8 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image4.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image5.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image5.png new file mode 100644 index 00000000..419d543a Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image5.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image6.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image6.png new file mode 100644 index 00000000..fe2b4829 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image6.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image7.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image7.png new file mode 100644 index 00000000..1a1d655c Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image7.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image8.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image8.png new file mode 100644 index 00000000..a6b4aecb Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image8.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image9.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image9.png new file mode 100644 index 00000000..7193293f Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/image9.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/join.png b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/join.png new file mode 100644 index 00000000..e0f81113 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FifthAssignment/Images/join.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/about.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/about.html new file mode 100644 index 00000000..c98fbcfd --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/about.html @@ -0,0 +1,50 @@ + + + + + + + + About + + + +
+ + +
+ +
+

About

+
+ +
+
+

MemeSite is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 1999-2020 by Memesters. All Rights Reserved. + Powered by MemeSite.CSS.

+

The icon part is done, because we haven't learned it before this assignment. :/

+
+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/homepage.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/homepage.html new file mode 100644 index 00000000..3b737123 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/homepage.html @@ -0,0 +1,51 @@ + + + + + + + + Homepage + + + + +
+ + +
+ +
+

Meme Gallery

+
+ +
+
+

The largest collection of memes in
the interwebs

+
+

On this site, you can see all the memes that made an impact on history of human population.

+

To make an account, click Register Your Account.
To upload your own memes, check out Upload your Meme.
And to rate memes of our community, go to Rate a Meme

+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/ratememe.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/ratememe.html new file mode 100644 index 00000000..90df961d --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/ratememe.html @@ -0,0 +1,291 @@ + + + + + + + + Rate a Meme + + + + +
+ + +
+
+

Browse and Rate Memes

+
+ +
+

Check out the description of each meme below and their rating.

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
Title: "Loss"
+
Description: "Loss", sometimes referred to as "Loss.jpg", is a webcomic strip created on June 2, 2008 by Tim Buckley for his gaming-related webcomic Ctrl+Alt+Del. During a storyline where the main character Ethan and his fiancée Lilah are expecting their first child, the strip—presented as a four-panel comic with no dialogue—has Ethan entering a hospital, asking a receptionist for directions, talking to a doctor, and finding Lilah crying on her side in a hospital bed, implying that she had suffered a miscarriage. Buckley cited personal events in his life as inspiration for the comic.Since the publication of the strip, it has garnered negative reception from critics and webcomic creators, noting the shift in tone in the webcomic as an example of "fridging". It later garnered a legacy as an internet meme, with edits to the strip being made by other creators
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "I have the high gorund"
+
Description: "I have the high ground" is a line from the 2005 film Star Wars: Episode III -- Revenge of the Sith. During the film's climax, in which the characters Obi-Wan Kenobi (Ewan McGregor) and Anakin Skywalker (Hayden Christensen) duel on the fire planet Mustafar, Obi-Wan leaps over Anakin's head and onto a nearby hill. There he yells, "It's over, Anakin. I have the high ground."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Ah Sh*t, Here We Go Again"
+
Description: "Ah Sh*t, Here We Go Again refers to a memorable scene from 2004 action-adventure video game Grand Theft Auto: San Andreas. Starting in April 2019, the scene gained significant popularity as an exploitable, often used in reference to repeating confrontations, although other meanings can also be derived depending on the context."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "The Loops Brother"
+
Description: "Cats Wanting Fruit Loops refer to images showing cats seemingly yearning for bowls of the breakfast cereal Fruit Loops. Variations on the concept began growing popular on Twitter in July of 2018."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Slaps Roof of Car"
+
Description: "Slaps Roof of Car is a popular phrasal template featuring a mock conversation between a car salesman and potential buyer in which the salesman emphasizes the phrase "this bad boy can fit so much X in it" by slapping the roof of the car. The phrase is frequently used as the caption to an illustration of a car salesman and the buyer."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Stonks"
+
Description: "Stonks is an intentional misspelling of the word "stocks" which is often associated with a surreal meme featuring the character Meme Man standing in front of a picture representing the stock market followed by the caption "Stonks." The picture began seeing use as a reaction image online in jokes about making poor financial decisions."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Untitled Goose Game"
+
Description: "Untitled Goose Game is a game developed by House House and published by Panic. In the game, the player plays as a goose in a sandbox-like environment and is tasked with completing stealth puzzles with the ultimate goal of annoying human characters. The game released for the Nintendo Switch, Windows, and macOS in September of 2019."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Let's get this bread"
+
Description: "Let's Get This Bread is a slang expression for earning money. Online, people use the expression ironically, mocking sincere desires to earn lots of money and work hard."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "When Ancestry.com Says"
+
Description: "When Ancestry.com Says is a series of image macros in which the phrase sets up a joke about people of different ethnicities performing stereotypical actions of another race."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Doge"
+
Description: "Doge is a slang term for "dog" that is primarily associated with pictures of Shiba Inus (nicknamed "Shibe") and internal monologue captions on Tumblr. These photos may be photoshopped to change the dog's face or captioned with interior monologues in Comic Sans font. Starting in 2017, Ironic Doge formats gained prevalence over the original wholesome version."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+
+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/register.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/register.html new file mode 100644 index 00000000..fa126049 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/register.html @@ -0,0 +1,123 @@ + + + + + + + + Register Page + + + + +
+ + +
+ +
+

Register an Account

+
+ +
+
+ +

Fill out the boxes below!

+
+
+
+
+ Personal Info + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ Demographic Info + + + + +
+
+
+
+ Login Info + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Other + +
+
+ + +
+
+
+
+
+ If you want to add something more + +
+
+
+ + + +
+
+
+ +
+ Join the Community +
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/registerconfirmation.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/registerconfirmation.html new file mode 100644 index 00000000..667e8300 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/registerconfirmation.html @@ -0,0 +1,46 @@ + + + + + + + + What are memes? + + + + +
+ + +
+ +
+

Account Confirmation

+
+ +
+

Your account is successfully created, thanks for joining our community and have fun!

+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/upload.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/upload.html new file mode 100644 index 00000000..59c3e0c0 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/upload.html @@ -0,0 +1,63 @@ + + + + + + + + Upload Page + + + + +
+ + +
+ +
+

Upload Your Meme

+
+ + +
+
+
+ Meme Details + +
+
+ +
+
+ Upload your Meme +
+ + +
+ +
+
+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FifthAssignment/uploadconfirmation.html b/Student Works/nikolakovacevic/Assignments/FifthAssignment/uploadconfirmation.html new file mode 100644 index 00000000..90d1645c --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FifthAssignment/uploadconfirmation.html @@ -0,0 +1,46 @@ + + + + + + + + Upload Confirmation + + + + +
+ d + +
+ +
+

Upload Confirmation

+
+ +
+

Successfully uploaded a meme. Congrats!

+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FirstAssignment.html b/Student Works/nikolakovacevic/Assignments/FirstAssignment.html new file mode 100644 index 00000000..5f8049a7 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FirstAssignment.html @@ -0,0 +1,52 @@ + + + + + + +
+ +

+ The title of the first poem. +

+
+

+ Authors name +

+

Description: +
+

+ Brief description of the poem. +
+ + + +
+

+
+ +

+ The title of the second poem. +

+
+

+ Authors name +

+

Description: +
+

+ Brief description of the poem. +
+ + + +
+

+
+ \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/homepage.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/homepage.html new file mode 100644 index 00000000..117e4a87 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/homepage.html @@ -0,0 +1,116 @@ + + + + + + Homepage + + + + + + + + + +
+

Meme Gallery

+
+ +
+

The largest collection of memes in
the interwebs

+
+ +
+

On this site, you can see all the memes that made an impact on history of human population.

+

To make an account, click Register Your Account.
To upload your own memes, check out Upload your Meme.
And to rate memes of our community, go to Rate a Meme

+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/join.png b/Student Works/nikolakovacevic/Assignments/FourthAssignment/join.png new file mode 100644 index 00000000..e0f81113 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/FourthAssignment/join.png differ diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/ratememe.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/ratememe.html new file mode 100644 index 00000000..274f1f44 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/ratememe.html @@ -0,0 +1,309 @@ + + + + + + Rate a Meme + + + + + + + +
+

Browse and Rate Memes

+
+ +
+

Check out the description of each meme below and their rating.

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
+ + "Loss"
"Loss", sometimes referred to as "Loss.jpg", is a webcomic strip created on June 2, 2008 by Tim Buckley for his gaming-related webcomic Ctrl+Alt+Del. During a storyline where the main character Ethan and his fiancée Lilah are expecting their first child, the strip—presented as a four-panel comic with no dialogue—has Ethan entering a hospital, asking a receptionist for directions, talking to a doctor, and finding Lilah crying on her side in a hospital bed, implying that she had suffered a miscarriage. Buckley cited personal events in his life as inspiration for the comic.Since the publication of the strip, it has garnered negative reception from critics and webcomic creators, noting the shift in tone in the webcomic as an example of "fridging". It later garnered a legacy as an internet meme, with edits to the strip being made by other creators.

Rate:

+ + + + + + + + + + +
+ +
+
+ + "I have the high ground"
"I have the high ground" is a line from the 2005 film Star Wars: Episode III -- Revenge of the Sith. During the film's climax, in which the characters Obi-Wan Kenobi (Ewan McGregor) and Anakin Skywalker (Hayden Christensen) duel on the fire planet Mustafar, Obi-Wan leaps over Anakin's head and onto a nearby hill. There he yells, "It's over, Anakin. I have the high ground."

Rate:

+ + + + + + + + + + +
+ +
+
+ + "Ah Sh*t, Here We Go Again"
"Ah Sh*t, Here We Go Again refers to a memorable scene from 2004 action-adventure video game Grand Theft Auto: San Andreas. Starting in April 2019, the scene gained significant popularity as an exploitable, often used in reference to repeating confrontations, although other meanings can also be derived depending on the context."

Rate:

+ + + + + + + + + + +
+ +
+
+ + "The Loops Brother"
"Cats Wanting Fruit Loops refer to images showing cats seemingly yearning for bowls of the breakfast cereal Fruit Loops. Variations on the concept began growing popular on Twitter in July of 2018."

Rate:

+ + + + + + + + + + +
+ +
+
+ + "Slaps Roof of Car"
"Slaps Roof of Car is a popular phrasal template featuring a mock conversation between a car salesman and potential buyer in which the salesman emphasizes the phrase "this bad boy can fit so much X in it" by slapping the roof of the car. The phrase is frequently used as the caption to an illustration of a car salesman and the buyer."

Rate:

+ + + + + + + + + + +
+ +
+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/register.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/register.html new file mode 100644 index 00000000..6cb6f5a7 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/register.html @@ -0,0 +1,217 @@ + + + + + + Register Page + + + + + + + + + +
+

Register an Account

+
+ +
+

Fill out the boxes below!

+
+ +
+ +
+
+
+
+ Personal Info + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ Demographic Info + + + + +
+
+
+
+ Login Info + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Other + +
+
+ + +
+
+
+
+
+ If you want to add something more + +
+
+
+ + + +
+
+
+ +
+ Join the Community +
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+ + + + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/registerconfirmation.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/registerconfirmation.html new file mode 100644 index 00000000..26bf9fc3 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/registerconfirmation.html @@ -0,0 +1,97 @@ + + + + + + What are memes? + + + + + + + + + +
+

Account Confirmation

+
+ +
+

Your account is successfully created, thanks for joining our community and have fun!

+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/upload.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/upload.html new file mode 100644 index 00000000..1e4d479f --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/upload.html @@ -0,0 +1,129 @@ + + + + + + Upload Page + + + + + + + + + +
+

Upload Your Meme

+
+ + +
+
+
+ Meme Details + +
+
+ +
+
+ Upload your Meme +
+ + +
+ +
+
+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/FourthAssignment/uploadconfirmation.html b/Student Works/nikolakovacevic/Assignments/FourthAssignment/uploadconfirmation.html new file mode 100644 index 00000000..c575cf19 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/FourthAssignment/uploadconfirmation.html @@ -0,0 +1,98 @@ + + + + + + Upload Confirmation + + + + + + + + + +
+

Upload Confirmation

+
+ +
+

Successfully uploaded a meme. Congrats!

+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/NinthAssignment.tar.gz b/Student Works/nikolakovacevic/Assignments/NinthAssignment.tar.gz new file mode 100644 index 00000000..ba7a619b Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/NinthAssignment.tar.gz differ diff --git a/Student Works/nikolakovacevic/Assignments/NinthAssignment/collect_numbers.html b/Student Works/nikolakovacevic/Assignments/NinthAssignment/collect_numbers.html new file mode 100644 index 00000000..b7f9a731 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/NinthAssignment/collect_numbers.html @@ -0,0 +1,105 @@ + + + + + + + + + + Collect Numbers + + + + + + + + + + + + + + + + + + + + +
+ + +
+
+
+ +
Collect: 733Current sum: 0
+ + diff --git a/Student Works/nikolakovacevic/Assignments/SeventhAssignment/CSS/styles.css b/Student Works/nikolakovacevic/Assignments/SeventhAssignment/CSS/styles.css new file mode 100644 index 00000000..83ca6d99 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SeventhAssignment/CSS/styles.css @@ -0,0 +1,13 @@ +* { + box-sizing: border-box; +} + +table { + padding: 0; + margin: 0; + border-collapse: collapse; +} + +td { + height: 1.5px; +} \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SeventhAssignment/page1.html b/Student Works/nikolakovacevic/Assignments/SeventhAssignment/page1.html new file mode 100644 index 00000000..60d4486f --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SeventhAssignment/page1.html @@ -0,0 +1,24 @@ + + + + + + + Color Table + + + + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/CSS/styles.css b/Student Works/nikolakovacevic/Assignments/SixthAssignment/CSS/styles.css new file mode 100644 index 00000000..1986ee76 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/CSS/styles.css @@ -0,0 +1,398 @@ +* { + box-sizing: border-box; +} + +body { + background-color: #ffffff; /*#b3d9ff*/ + margin: 0; +} + +section { + display: flex; + flex-wrap: wrap; +} + +header { + font-size: 20px; + padding: 0 10px; + color: #FF9933; + font-weight: 800; + text-align: left; + position: sticky; +} + +/* The sub-header */ +#header2 { + font-size: 55px; + font-style: italic; + font-weight: bold; + color: #009900; + font-family: "Brush Script MT"; + text-align: left; + margin: 0; + padding: 0 10; +} + +/*The style of the nav-bar*/ +.navbar { + flex: 1; + flex-direction: column; +} + +nav { + background: #ffffff; + margin: 40px auto; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0 auto; + width: 130px; +} + +nav ul li { + width: 100%; + margin: 10px 0; + padding: 0; + background-color: rgb(111, 214, 240); +} + +nav ul li a { + display: block; + width: 80%; + padding: 5px 5px; + margin: 0 auto; + text-decoration: none; + background-color: rgb(142, 145, 127); + color: white; + font-weight: bold; +} + +li a:hover { + background-color: rgba(216, 20, 20, 0.712); +} + +.active{ + background-color: rgb(194, 125, 36); + color: white; +} + +.active:hover { + background-color: #000; +} + +/* Styling the div below the .navbar */ +.second-part { + flex: 7; + flex-direction: column; +} + +.upload-box { + flex: 7; + flex-direction: column; +} + +fieldset { + width: 450px; + float: left; + border-color: #F00; + border-style: solid; +} + +.meme { + position: relative; + width: 80%; + height: 4150px; + border: 10px solid #FF9933; + background-color: #FF9933; +} + +/* Styling divs and making tables */ +.memecolumn1, .memecolumn2 { + height: inherit - 50px; + position: absolute; + background-color: #87CEFA; + box-sizing: content-box; + width: 49.8%!important; + top: 0; +} + +.memecolumn1 { + left: 0; +} + +.memecolumn2 { + right: 0; +} + +.meme-img { + border-radius: 15%; +} + +.info, .memeimage { + box-sizing: content-box; + padding: 5px; +} + +.info { + height: 400px; + border-bottom: 2px solid #FF9933; +} + +.memetitle { + font-family: "Brush Script MT"; + font-style: italic; + color: #009900; + height: 40px; + font-weight: semi-bold; + text-align: center; + font-size: 30px; +} + +.memedescription { + color: gray; + height: 280px; + text-align: center; + padding: 10px; + font-size: 17px; +} + +.memestars { + color: #000; + height: 35px; + text-align: center; + font-size: 20px; + padding: 5px; +} + +.memetitle, .memedescription, .memestars { + border-bottom: 2px solid salmon; +} + +.memerate { + position: absolute; + text-align: center; + right: 20%; +} + +.memeimage { + width: 100%; + height: 400px; + position: relative; + border-bottom: 2px solid #FF9933; +} + +.memeimage-homepage { + width: 100%; + text-align: center; +} + +.img-homepage { + width: 40%; + height: 300px; +} + +.memeimage img { + height: 95%; + left: 9%; + position: absolute; + top: 2%; + width: 80%; +} + + +/*Description*/ +article { + padding: 0 10px; + color: gray; +} + +/* The end text and copyrights */ +footer { + position: relative; + margin: auto; + font-size: 15px; + float: left; + width: 60%; + color: gray; +} + +/* Designing the stars. */ +.rate { + float: left!important; + left: 0; + height: 30px; + padding: 0 80px; +} +.rate:not(:checked) > input { + position:absolute; + top:-9999px; +} +.rate:not(:checked) > label { + float :right; + width: 1em; + overflow:hidden; + white-space:nowrap; + cursor:pointer; + font-size:30px; + color:#ccc; +} +.rate:not(:checked) > label:before { + content: '★ '; +} +.rate > input:checked ~ label { + color: #ffc700; +} +.rate:not(:checked) > label:hover, +.rate:not(:checked) > label:hover ~ label { + color: #deb217; +} +.rate > input:checked + label:hover, +.rate > input:checked + label:hover ~ label, +.rate > input:checked ~ label:hover, +.rate > input:checked ~ label:hover ~ label, +.rate > label:hover ~ input:checked ~ label { + color: #c59b08; +} + +input[type="submit"] { + width: 80px; + height: 32px; + margin: 10px; + border: none; + border-radius: 2px; + color: #fff; + background-color: #000; + font-weight: 500; + text-transform: uppercase; + cursor: pointer; +} + +.description { + color: gray; +} + +.form { + flex: 1 0 auto; +} + +.register-image { + float: right; + margin-right: 200px; + margin-top: 200px; +} + +.about-description { + text-align: center; + color: grey; + font-size: 15px; +} + +/* Slideshow container */ +.slideshow-container { + max-width: 1000px; + position: relative; + margin: 0; +} + +/* Hide the images by default */ +.mySlides { + display: none; +} + +/* Next & previous buttons */ +.prev, .next { + cursor: pointer; + position: absolute; + top: 50%; + width: auto; + margin-top: -22px; + padding: 16px; + color: rgb(80, 80, 80); + font-weight: bold; + font-size: 18px; + transition: 0.6s ease; + border-radius: 0 3px 3px 0; + user-select: none; +} + +/* Position the "next button" to the right */ +.next { + right: 0; + border-radius: 3px 0 0 3px; +} + +/* On hover, add a black background color with a little bit see-through */ +.prev:hover, .next:hover { + background-color: rgba(0,0,0,0.8); +} + +/* Caption text */ +.text { + color: #000; + font-size: 15px; + padding: 8px 12px; + position: absolute; + bottom: 8px; + width: 100%; + text-align: center; +} + +/* Number text (1/3 etc) */ +.numbertext { + color: #000; + font-size: 24px; + padding: 8px 12px; + position: absolute; + top: 0; +} + +.dots { + text-align: center; +} + +/* The dots/bullets/indicators */ +.dot { + cursor: pointer; + height: 15px; + width: 15px; + margin: 0 2px; + background-color: #bbb; + border-radius: 50%; + display: inline-block; + transition: background-color 0.6s ease; +} + +/* Fading animation */ +.fade { + -webkit-animation-name: fade; + -webkit-animation-duration: 1.5s; + animation-name: fade; + animation-duration: 1.5s; +} + +@-webkit-keyframes fade { + from {opacity: .4} + to {opacity: 1} +} + +@keyframes fade { + from {opacity: .4} + to {opacity: 1} +} + +/* Responsive layout - makes the menu and the content +(inside the section) sit on top of each other instead +of next to each other */ +@media (max-width: 600px) { + section { + flex-direction: column; + } + + nav, article, #join, .complete-box { + width: 100%; + height: auto; + } +} \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image1.jpg b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image1.jpg new file mode 100644 index 00000000..f19a5333 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image1.jpg differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image10.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image10.png new file mode 100644 index 00000000..86eb446d Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image10.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image2.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image2.png new file mode 100644 index 00000000..666705b7 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image2.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image3.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image3.png new file mode 100644 index 00000000..09090427 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image3.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image4.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image4.png new file mode 100644 index 00000000..71b47de8 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image4.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image5.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image5.png new file mode 100644 index 00000000..419d543a Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image5.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image6.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image6.png new file mode 100644 index 00000000..fe2b4829 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image6.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image7.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image7.png new file mode 100644 index 00000000..1a1d655c Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image7.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image8.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image8.png new file mode 100644 index 00000000..a6b4aecb Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image8.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image9.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image9.png new file mode 100644 index 00000000..7193293f Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/image9.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/join.png b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/join.png new file mode 100644 index 00000000..e0f81113 Binary files /dev/null and b/Student Works/nikolakovacevic/Assignments/SixthAssignment/Images/join.png differ diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/about.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/about.html new file mode 100644 index 00000000..0ae41378 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/about.html @@ -0,0 +1,51 @@ + + + + + + + + About + + + + +
+ + +
+ +
+

About

+
+ +
+
+

MemeSite is optimized for learning, testing, and training. Examples might be simplified to improve reading and basic understanding. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 1999-2020 by Memesters. All Rights Reserved. + Powered by MemeSite.CSS.

+

The icon part is done, because we haven't learned it before this assignment. :/

+
+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/homepage.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/homepage.html new file mode 100644 index 00000000..f4f4d0c4 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/homepage.html @@ -0,0 +1,113 @@ + + + + + + + + Homepage + + + + +
+ + +
+ +
+

Meme Gallery

+
+ +
+
+

The largest collection of memes in
the interwebs

+
+

On this site, you can see all the memes that made an impact on history of human population.

+

To make an account, click Register Your Account.
To upload your own memes, check out Upload your Meme.
And to rate memes of our community, go to Rate a Meme

+
+ + + + +
+ +
+
1 / 3
+
+
+ +
+
2 / 3
+
+
+ +
+
3 / 3
+
+
+ + + + +
+
+ + +
+ + + +
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/ratememe.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/ratememe.html new file mode 100644 index 00000000..5df3d277 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/ratememe.html @@ -0,0 +1,291 @@ + + + + + + + + Rate a Meme + + + + +
+ + +
+
+

Browse and Rate Memes

+
+ +
+

Check out the description of each meme below and their rating.

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
Title: "Loss"
+
Description: "Loss", sometimes referred to as "Loss.jpg", is a webcomic strip created on June 2, 2008 by Tim Buckley for his gaming-related webcomic Ctrl+Alt+Del. During a storyline where the main character Ethan and his fiancée Lilah are expecting their first child, the strip—presented as a four-panel comic with no dialogue—has Ethan entering a hospital, asking a receptionist for directions, talking to a doctor, and finding Lilah crying on her side in a hospital bed, implying that she had suffered a miscarriage. Buckley cited personal events in his life as inspiration for the comic.Since the publication of the strip, it has garnered negative reception from critics and webcomic creators, noting the shift in tone in the webcomic as an example of "fridging". It later garnered a legacy as an internet meme, with edits to the strip being made by other creators
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "I have the high gorund"
+
Description: "I have the high ground" is a line from the 2005 film Star Wars: Episode III -- Revenge of the Sith. During the film's climax, in which the characters Obi-Wan Kenobi (Ewan McGregor) and Anakin Skywalker (Hayden Christensen) duel on the fire planet Mustafar, Obi-Wan leaps over Anakin's head and onto a nearby hill. There he yells, "It's over, Anakin. I have the high ground."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Ah Sh*t, Here We Go Again"
+
Description: "Ah Sh*t, Here We Go Again refers to a memorable scene from 2004 action-adventure video game Grand Theft Auto: San Andreas. Starting in April 2019, the scene gained significant popularity as an exploitable, often used in reference to repeating confrontations, although other meanings can also be derived depending on the context."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "The Loops Brother"
+
Description: "Cats Wanting Fruit Loops refer to images showing cats seemingly yearning for bowls of the breakfast cereal Fruit Loops. Variations on the concept began growing popular on Twitter in July of 2018."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Slaps Roof of Car"
+
Description: "Slaps Roof of Car is a popular phrasal template featuring a mock conversation between a car salesman and potential buyer in which the salesman emphasizes the phrase "this bad boy can fit so much X in it" by slapping the roof of the car. The phrase is frequently used as the caption to an illustration of a car salesman and the buyer."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Stonks"
+
Description: "Stonks is an intentional misspelling of the word "stocks" which is often associated with a surreal meme featuring the character Meme Man standing in front of a picture representing the stock market followed by the caption "Stonks." The picture began seeing use as a reaction image online in jokes about making poor financial decisions."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Untitled Goose Game"
+
Description: "Untitled Goose Game is a game developed by House House and published by Panic. In the game, the player plays as a goose in a sandbox-like environment and is tasked with completing stealth puzzles with the ultimate goal of annoying human characters. The game released for the Nintendo Switch, Windows, and macOS in September of 2019."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Let's get this bread"
+
Description: "Let's Get This Bread is a slang expression for earning money. Online, people use the expression ironically, mocking sincere desires to earn lots of money and work hard."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "When Ancestry.com Says"
+
Description: "When Ancestry.com Says is a series of image macros in which the phrase sets up a joke about people of different ethnicities performing stereotypical actions of another race."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+ +
+
Title: "Doge"
+
Description: "Doge is a slang term for "dog" that is primarily associated with pictures of Shiba Inus (nicknamed "Shibe") and internal monologue captions on Tumblr. These photos may be photoshopped to change the dog's face or captioned with interior monologues in Comic Sans font. Starting in 2017, Ironic Doge formats gained prevalence over the original wholesome version."
+
Rating:
+
+
+
+ + + + + + + + + + +
+ +
+
+
+
+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/register.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/register.html new file mode 100644 index 00000000..84212982 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/register.html @@ -0,0 +1,123 @@ + + + + + + + + Register Page + + + + +
+ + +
+ +
+

Register an Account

+
+ +
+
+ +

Fill out the boxes below!

+
+
+
+
+ Personal Info + +
+
+ +
+
+ +
+
+ + +
+
+ +
+
+ Demographic Info + + + + +
+
+
+
+ Login Info + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+
+ Other + +
+
+ + +
+
+
+
+
+ If you want to add something more + +
+
+
+ + + +
+
+
+ +
+ Join the Community +
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/registerconfirmation.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/registerconfirmation.html new file mode 100644 index 00000000..6f21e96f --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/registerconfirmation.html @@ -0,0 +1,46 @@ + + + + + + + + What are memes? + + + + +
+ + +
+ +
+

Account Confirmation

+
+ +
+

Your account is successfully created, thanks for joining our community and have fun!

+
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/upload.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/upload.html new file mode 100644 index 00000000..50af8c68 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/upload.html @@ -0,0 +1,63 @@ + + + + + + + + Upload Page + + + + +
+ + +
+ +
+

Upload Your Meme

+
+ + +
+
+
+ Meme Details + +
+
+ +
+
+ Upload your Meme +
+ + +
+ +
+
+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/SixthAssignment/uploadconfirmation.html b/Student Works/nikolakovacevic/Assignments/SixthAssignment/uploadconfirmation.html new file mode 100644 index 00000000..7064fc99 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/SixthAssignment/uploadconfirmation.html @@ -0,0 +1,46 @@ + + + + + + + + Upload Confirmation + + + + +
+ d + +
+ +
+

Upload Confirmation

+
+ +
+

Successfully uploaded a meme. Congrats!

+
+ + +
+

©Copyright 2020. Kovacevic Nikola.

+
+
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/ThirdAssignment/commands.txt b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/commands.txt new file mode 100644 index 00000000..0fc0347f --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/commands.txt @@ -0,0 +1,1000 @@ + 1000 ./array2 + 1001 ./pointer + 1002 make pointer + 1003 ./pointer + 1004 make patternprinting + 1005 ./patternprinting + 1006 make patternprinting + 1007 ./patternprinting + 1008 make patternprinting + 1009 ./patternprinting + 1010 make patternprinting + 1011 ./patternprinting + 1012 make patternprinting + 1013 ./patternprinting + 1014 make robotpath + 1015 ./robotpath + 1016 make robotpath + 1017 ./robotpath + 1018 make robotpath + 1019 ./robotpath + 1020 make robotpath + 1021 ./robotpath + 1022 make robotpath + 1023 ./robotpath + 1024 touch robotpath1.c + 1025 make robotpath1.c + 1026 make robotpath1 + 1027 ./robotpath1 + 1028 make robotpath1 + 1029 ./robotpath1 + 1030 make robotpath1 + 1031 ./robotpath1 + 1032 make robotpath1 + 1033 ./robotpath1 + 1034 make robotpath1 + 1035 ./robotpath1 + 1036 make robotpath1 + 1037 ./robotpath1 + 1038 make robotpath1 + 1039 ./robotpath1 + 1040 make robotpath1q + 1041 make robotpath1 + 1042 ./robotpath1 + 1043 make robotpath1 + 1044 ./robotpath1 + 1045 make robotpath1 + 1046 ./robotpath1 + 1047 make robotpath1 + 1048 cd BashScripts/ + 1049 nano practice.sh + 1050 nano practice.sh + 1051 ./practice.sh + 1052 chmod u+x practice.sh + 1053 ./practice.sh + 1054 ./practice.sh ime 733 + 1055 ls + 1056 nano practice.sh + 1057 chmod u+x practice.sh + 1058 ./practice.sh + 1059 ls + 1060 cd ime/ + 1061 .. + 1062 cd .. + 1063 ./practice.sh name 733 + 1064 ls + 1065 rm ime + 1066 rmdir ime + 1067 ls + 1068 rmdir name + 1069 ./practice.sh name 733 + 1070 ./practice.sh ime 733 + 1071 ls + 1072 wd + 1073 pwd + 1074 nano touch.sh + 1075 chmod u+x touch.sh + 1076 ./touch.sh + 1077 ls + 1078 cd comp + 1079 ls + 1080 cd .. + 1081 rm comp + 1082 rmdir comp + 1083 rm -r comp + 1084 ls + 1085 nano touch.sh + 1086 ./touch.sh + 1087 ls + 1088 cd comp + 1089 lss + 1090 ls + 1091 cd .. + 1092 rm -r comp + 1093 ls + 1094 ./touch.sh + 1095 nano touch1.sh + 1096 chmod u+x touch1.sh + 1097 ls + 1098 cd comp + 1099 ls + 1100 cd .. + 1101 ls + 1102 ./touch1.sh + 1103 ls + 1104 cd comp + 1105 ls + 1106 cd .. + 1107 rmdir comp + 1108 ./touch.sh + 1109 nano touch2.sh + 1110 cd comp + 1111 nano file25.txt + 1112 cd .. + 1113 grep1.sh + 1114 nano grep1.sh + 1115 chmod u+x grep1.sh + 1116 ./grep1.sh + 1117 cd comp + 1118 nano file25.txt + 1119 cd BashScripts/ + 1120 ls + 1121 nano triangletask.sh + 1122 nano OddNumbers.sh + 1123 ls + 1124 nano FILENAME.sh + 1125 ./FILENAME.sh + 1126 nano conditionalexample.sh + 1127 nano arguments.sh + 1128 ./arguments.sh + 1129 ./arguments.sh 5 6 + 1130 ./arguments.sh 6 6 + 1131 ls + 1132 ./forloopexample.sh + 1133 nano forloop + 1134 ls + 1135 nano forloopexample.sh + 1136 nano forlooptasks1.sh + 1137 nano whileloopexample.sh + 1138 ls + 1139 cd BashScripts/ + 1140 ls + 1141 nano grep1.sh + 1142 ls + 1143 cd 'C - Assigments' + 1144 make robotpath1 + 1145 ./robotpath + 1146 ./robotpath1 + 1147 make robotpath1 + 1148 ./robotpath1 + 1149 make robotpath1 + 1150 ./robotpath1 + 1151 make robotpath1 + 1152 ./robotpath1 + 1153 make robotpath1 + 1154 ./robotpath1 + 1155 ruulul + 1156 ./robotpath1 + 1157 make robotpath1 + 1158 ./robotpath1 + 1159 make robotpath1 + 1160 ./robotpath1 + 1161 make robotpath1 + 1162 ls + 1163 cd Desktop/ + 1164 ls + 1165 nano Question1a.sh + 1166 chmod u+x Question1a.sh + 1167 ./Question1a.sh + 1168 nano Question1a.sh + 1169 chmod u+x Question1a.sh + 1170 ./Question1a.sh + 1171 nano Question1a.sh + 1172 ls + 1173 cd Downloads/ + 1174 cd .. + 1175 ls + 1176 cd Downloads/ + 1177 ls + 1178 cd Mock + 1179 cd Mock_ExamI + 1180 ls + 1181 cd Mock_ExamI/ + 1182 ls + 1183 cd Resources/ + 1184 ls + 1185 cp docs + 1186 cp --help + 1187 cp docs home + 1188 cp -r docs home + 1189 cp -r docs /Desktop + 1190 d + 1191 cd .. + 1192 cd .. .. .. + 1193 cd .. + 1194 cd Desktop/ + 1195 ls + 1196 ./Question1a.sh + 1197 cd .. + 1198 cd BashScripts/ + 1199 ls + 1200 nano OddNumbers.sh + 1201 cd .. + 1202 cd Desktop/ + 1203 ls + 1204 cd docs + 1205 ls + 1206 cd txt + 1207 ls + 1208 cd .. + 1209 ls + 1210 cd .. + 1211 ls + 1212 cd pictures/ + 1213 ls + 1214 cd .. + 1215 cd docs + 1216 ls + 1217 cd .. + 1218 ls + 1219 nano Question1b.sh + 1220 chmod u+x Question1b.sh + 1221 ./Question1b.sh + 1222 cd pictures/ + 1223 ls + 1224 cd .. + 1225 ls + 1226 nano Question2.sh + 1227 ls + 1228 cd Desktop/ + 1229 ls + 1230 cd Exam\ Practice/ + 1231 ls + 1232 cd MockUp2 + 1233 ls + 1234 cd Resources/ + 1235 ls + 1236 cd .. + 1237 ls + 1238 nano Question1c.sh + 1239 chmod x+u Question1c.sh + 1240 chmod u+x Question1c.sh + 1241 chmod u+x Question1c.s + 1242 chmod u+x Question1c.sh + 1243 ./Question1c.sh + 1244 nano Question1c.sh + 1245 chmod u+x Question1c.sh + 1246 ./Question1c.sh + 1247 ls + 1248 nano Question1c.sh + 1249 chmod u+x Question1c.sh + 1250 ./Question1c.sh + 1251 ssh 89191035@student.famnit.upr.si + 1252 ssh 89191015@student.famnit.upr.si + 1253 clear + 1254 ls + 1255 cd Desktop/ + 1256 ls + 1257 cd Exam\ Practice/ + 1258 ls + 1259 cd MockUp + 1260 cd MockUp1 + 1261 ls + 1262 nano Question.txt + 1263 ls + 1264 nano Question2.sh + 1265 chmod x+u Question2.sh + 1266 chmod u+x Question2.sh + 1267 ./Question2.sh + 1268 nano Question3.c + 1269 make Question3 + 1270 ./Question3 + 1271 nano Question3.c + 1272 ./Question3 + 1273 nano Question3.c + 1274 make Question3 + 1275 nano Question3.c + 1276 make Question3 + 1277 ./Question3 + 1278 nano Question3.c + 1279 make Question3 + 1280 nano Question3.c + 1281 make Question3 + 1282 ./Question3 + 1283 nano Question3.c + 1284 nano Question4.c + 1285 make Question4 + 1286 nano Question4.c + 1287 make Question4 + 1288 nano Question4.c + 1289 make Question4 + 1290 ./Question4 + 1291 ./Question4 aba + 1292 nano Question4.c + 1293 cd Desktop/ + 1294 cd Exam\ Practice/ + 1295 ls + 1296 cd MockUp2 + 1297 ls + 1298 cd Res + 1299 cd Resources/ + 1300 ls + 1301 cd tools + 1302 ls + 1303 ls -F + 1304 cd ../../.. + 1305 cd ../.. + 1306 ls + 1307 nano Add.txt + 1308 rm Add.txt + 1309 ls + 1310 nano a.out + 1311 cd Project\ -\ Chat\ App/ + 1312 ls + 1313 cd .. + 1314 ls + 1315 cd Project\ -\ Chat\ App/ + 1316 ls + 1317 nano chatApp.c + 1318 pwd + 1319 cd Desktop/ + 1320 cd Exam\ Practice/ + 1321 cd MockUp2 + 1322 ls + 1323 ls -F + 1324 ls -F minions + 1325 cd Resources/ + 1326 ls -F minions + 1327 ls + 1328 nano Question1a.sh + 1329 chmod u+x Question1a.sh + 1330 ./Question1a.sh + 1331 ls + 1332 clear + 1333 ls + 1334 cd .. + 1335 ls + 1336 nano Question1b.sh + 1337 ls + 1338 nano Question1b.sh + 1339 ls + 1340 chmod u+x Question1b.sh + 1341 ./Question1b.sh + 1342 ls + 1343 nano Question1b.sh + 1344 chmod u+x Question1b.sh + 1345 ./Question1b.sh + 1346 nano Question1b.sh + 1347 chmod u+x Question1b.sh + 1348 ./Question1b.sh + 1349 nano Question1b.sh + 1350 chmod u+x Question1b.sh + 1351 ./Question1b.sh + 1352 ls + 1353 nano Question1c.sh + 1354 chmod u+x Question1c.sh + 1355 ./Question1c.sh M + 1356 ls + 1357 ./Question1c.sh K + 1358 nano Question2.sh + 1359 chmod u+x Question2.sh + 1360 ./Question2.sh + 1361 ./Question2.sh 2 + 1362 ./Question2.sh 2asf + 1363 nano Question2.sh + 1364 chmod u+x Question2.sh + 1365 ./Question2.sh 2asf + 1366 ./Question2.sh + 1367 nano Question2.sh + 1368 chmod u+x Question2.sh + 1369 ./Question2.sh + 1370 ./Question2.sh 3 + 1371 cd .. + 1372 cd MockUp1 + 1373 ls + 1374 nano Question4.c + 1375 make Question4 + 1376 ls + 1377 make Question3 + 1378 ./Question3 + 1379 make Question3 + 1380 ./Question3 + 1381 ls + 1382 cd Downloads/ + 1383 ls + 1384 cd Mock_ExamI + 1385 ls + 1386 cd Mock_ExamI/ + 1387 cd Answers/ + 1388 ls + 1389 nano Question3.c + 1390 make Question3.c + 1391 make Question3 + 1392 nano Question3.c + 1393 make Question3 + 1394 nano Question3.c + 1395 make Question3 + 1396 nano Question3.c + 1397 make Question3 + 1398 nano Question3.c + 1399 ls + 1400 rm Question3.c + 1401 ls + 1402 nano Question3.c + 1403 make Question3 + 1404 nano Question3.c + 1405 ls + 1406 rm Question3.c + 1407 ls + 1408 make Question3.c + 1409 make Question3 + 1410 ./Question3 + 1411 make Question4 + 1412 clear + 1413 ls + 1414 clear + 1415 cd .. + 1416 ls + 1417 cd BashScripts/ + 1418 clear + 1419 bash Question2.sh + 1420 bash Question2.sh forloopexample.sh + 1421 bash Question2.sh functest.sh + 1422 bash Question2.sh NewCalculator.sh + 1423 NAME="John" + 1424 echo NAME + 1425 echo $NAME + 1426 echo "$NAME" + 1427 echo '$NAME' + 1428 echo "I'm in $(pwd)" + 1429 gnome - terminal + 1430 gnome-terminal + 1431 ls + 1432 cd Project\ -\ Chat\ App/ + 1433 ls + 1434 gnome-terminal-./beginChat.sh + 1435 gnome-terminal ./beginChat.sh + 1436 gnome-terminal ./beginChat.sh + 1437 gnome-terminal ./beginChat.sh + 1438 gnome-terminal -e ./beginChat.sh + 1439 gnome-terminal -- ./beginChat.sh + 1440 ./beginChat.sh + 1441 sudo ./beginChat.sh + 1442 ls + 1443 chmod u+x beginChat.sh + 1444 ./beginChat.sh + 1445 cd .. + 1446 cd Desktop/ + 1447 ls + 1448 cd .. + 1449 ls + 1450 cd Project\ -\ Chat\ App/ + 1451 ls + 1452 make chatApp + 1453 ./chatApp + 1454 make chatApp + 1455 ./chatApp + 1456 make chatApp + 1457 ./chatApp + 1458 make chatApp + 1459 cd Project\ -\ Chat\ App/ + 1460 make chatApp + 1461 ./chatApp + 1462 cd Project\ -\ Chat\ App/ + 1463 ls + 1464 make chatApp + 1465 ./chatApp + 1466 chmod u+c publishMessage.sh + 1467 chmod u+x publishMessage.sh + 1468 chmod u+x beginChat.sh + 1469 make chatApp + 1470 ./chatApp + 1471 make chatApp + 1472 ./chatApp + 1473 ./chatApp + 1474 ./chatApp + 1475 sudo lsof -i -P -n | grep LISTEN + 1476 clear + 1477 cd Project\ -\ Chat\ App/ + 1478 nano publishMessage.sh + 1479 nano beginChat.sh + 1480 chmod u+x beginChat.sh + 1481 nano publishMessage.sh + 1482 chmod u+x publishMessage.sh + 1483 ls + 1484 cd Project\ -\ Chat\ App/ + 1485 ls + 1486 make chatApp + 1487 ./chatApp + 1488 clear + 1489 ls + 1490 nano publishMessage.sh + 1491 chmod u+x publishMessage.sh + 1492 clear + 1493 make chatApp + 1494 ./chatApp + 1495 make chatApp + 1496 ./chatApp + 1497 make chatApp + 1498 ./chatApp + 1499 make chatApp + 1500 ./chatApp + 1501 clear + 1502 make chatApp + 1503 ./chatApp + 1504 nano beginChat.sh + 1505 ./chatApp + 1506 clear + 1507 nano beginChat.sh + 1508 nano publishMessage.sh + 1509 ./chatApp + 1510 make chatApp + 1511 ./chatApp + 1512 make chatApp + 1513 ./chatApp + 1514 make chatApp + 1515 ./chatApp + 1516 clear + 1517 make chatApp + 1518 ./chatpp + 1519 ./chatApp + 1520 make chatApp + 1521 ./chatApp + 1522 .chatApp + 1523 ./chatApp + 1524 make chatApp + 1525 ./chatApp + 1526 make chatApp + 1527 ./chatApp + 1528 make chatApp + 1529 ./chatApp + 1530 make chatApp + 1531 ./chatApp + 1532 eclaer + 1533 clear + 1534 make chatApp + 1535 ./chatapp + 1536 ./chatApp + 1537 make chatApp + 1538 ./chatApp + 1539 make chatApp + 1540 ./chatApp + 1541 clear + 1542 make chatApp + 1543 ./chatApp + 1544 clear + 1545 make chatApp + 1546 ./chatApp + 1547 make chatApp + 1548 ./chatApp + 1549 make chatApp + 1550 ./chatApp + 1551 make chatApp + 1552 ./chatAPp + 1553 ./chatAp + 1554 ./chatApp + 1555 ./chatAp + 1556 make chatApp + 1557 ./chatApp + 1558 make chatApp + 1559 ./chatApp + 1560 nano publishMessage.sh + 1561 make chatApp + 1562 ./chatApp + 1563 cd Project\ -\ Chat\ App/ + 1564 ls + 1565 make chatApp + 1566 ./chatApp + 1567 make chatApp + 1568 ./chatApp + 1569 make chatApp + 1570 ./chatApp + 1571 make chatApp + 1572 ./chatApp + 1573 make chatApp + 1574 ./chatApp + 1575 make chatApp + 1576 ./chatApp + 1577 make chatApp + 1578 ./chatApp + 1579 make chatApp + 1580 ./chatApp + 1581 make chatApp + 1582 ./chatApp + 1583 nano publishMessage.sh + 1584 chmod u+x publishMessage.sh + 1585 make chatApp + 1586 ./chatApp + 1587 nano publishMessage.sh + 1588 chmod u+x publishMessage.sh + 1589 make chatApp + 1590 ./chatApp + 1591 clear + 1592 make chatApp + 1593 ./chatApp + 1594 make chatApp + 1595 ./chatApp + 1596 make chatApp + 1597 ./chatApp + 1598 make chatApp + 1599 ./chatApp + 1600 make chatApp + 1601 ./chatApp + 1602 make chatApp + 1603 ./chatApp + 1604 make chatApp + 1605 ./chatApp + 1606 make chatApp + 1607 cd Project\ -\ Chat\ App/ + 1608 make chatApp + 1609 ./chatApp + 1610 clear + 1611 make chatAPp + 1612 make chatApp + 1613 ./chatApp + 1614 make chatApp + 1615 ./chatApp + 1616 make chatApp + 1617 ./chatApp + 1618 make chatApp + 1619 ./chatApp + 1620 clear + 1621 make chatApp + 1622 gcc chatApp.c -o chatApp + 1623 ./chatApp + 1624 chmod u+x beginChat.sh + 1625 ./chatApp + 1626 chmod u+x publishMessage.sh + 1627 make chatApp + 1628 ./chatApp + 1629 chmod u+x beginChat.sh + 1630 chmod u+x publishMessage.sh + 1631 make chatApp + 1632 ./chatApp + 1633 make chatApp + 1634 ./chatApp + 1635 shc publishMessage.sh + 1636 sudo apt install shc + 1637 shc publishMessage.sh + 1638 shc -f publishMessage.sh + 1639 shc -f beginChat.sh + 1640 clear + 1641 make chatApp + 1642 ./chatApp + 1643 gcc ChatProject.c -o ChatProject + 1644 ./ChatProject + 1645 gcc ChatProject.c -o ChatProject + 1646 ./ChatProject + 1647 chmod u+x beginChat.sh + 1648 chmod u+x publishMessage.sh + 1649 make chatApp + 1650 make ChatProject + 1651 ./ChatProject + 1652 make ChatProject + 1653 ./ChatProject + 1654 nano beginChat.sh + 1655 nano publishMessage.sh + 1656 make ChatProject + 1657 ./ChatProject + 1658 make ChatProject + 1659 ./ChatProject + 1660 nano beginChat.sh + 1661 nano publishMessage.sh + 1662 ./ChatProject + 1663 make ChatProject + 1664 ./ChatProject + 1665 make ChatProject + 1666 ./ChatProject + 1667 make ChatProject + 1668 ./ChatProject + 1669 make ChatProject + 1670 ./ChatProject + 1671 make ChatProject + 1672 ./ChatProject + 1673 make ChatProject + 1674 ./ChatProject + 1675 make ChatProject + 1676 ./ChatProject + 1677 make ChatProject + 1678 ./ChatProject + 1679 make ChatProject + 1680 ./ChatProject + 1681 make ChatProject + 1682 ./ChatProject + 1683 make ChatProject + 1684 ./ChatProject + 1685 make ChatProject + 1686 ./ChatProject + 1687 cd Project\ -\ Chat\ App/ + 1688 make ChatProject + 1689 ./ChatProject + 1690 make ChatProject + 1691 ./ChatProject + 1692 make ChatProject + 1693 ./ChatProject + 1694 make ChatProject + 1695 ./ChatProject + 1696 make ChatProject + 1697 ./ChatProject + 1698 ls + 1699 clear + 1700 ls + 1701 cd Project\ -\ Chat\ App/ + 1702 ls + 1703 make ChatProject + 1704 ./ChatProject + 1705 make ChatProject + 1706 ./ChatProject + 1707 make ChatProject + 1708 ./ChatProject + 1709 make ChatProject + 1710 ./ChatProject + 1711 make ChatProject + 1712 ./ChatProject + 1713 make ChatProject + 1714 ./ChatProject + 1715 make ChatProject + 1716 ./ChatProject + 1717 make ChatProject + 1718 ./ChatProject + 1719 make ChatProject + 1720 ./ChatProject + 1721 make ChatProject + 1722 ./ChatProject + 1723 make ChatProject + 1724 ./ChatProject + 1725 make ChatProject + 1726 ./ChatProject + 1727 make ChatProject + 1728 ./ChatProject + 1729 make ChatProject + 1730 ./ChatProject + 1731 make ChatProject + 1732 ./ChatProject + 1733 make ChatProject + 1734 ./ChatProject + 1735 make ChatProject + 1736 ./ChatProject + 1737 make ChatProject + 1738 ./ChatProject + 1739 make ChatProject + 1740 ./ChatProject + 1741 make ChatProject + 1742 ./ChatProject + 1743 make ChatProject + 1744 ./ChatProject + 1745 make ChatProject + 1746 ./ChatProject + 1747 make ChatProject + 1748 ./ChatProject + 1749 make ChatProject + 1750 ./ChatProject + 1751 make ChatProject + 1752 ./ChatProject + 1753 make ChatProject + 1754 ./ChatProject + 1755 make ChatProject + 1756 ./ChatProject + 1757 make ChatProject + 1758 ./ChatProject + 1759 make ChatProject + 1760 ./ChatProject + 1761 make ChatProject + 1762 ./ChatProject + 1763 make ChatProject + 1764 ./ChatProject + 1765 cd Project\ -\ Chat\ App/ + 1766 make ChatProject + 1767 ./ChatProject + 1768 make ChatProject + 1769 ./ChatProject + 1770 make ChatProject + 1771 ./ChatProject + 1772 make ChatProject + 1773 ./ChatProject + 1774 make ChatProject + 1775 ./ChatProject + 1776 ls + 1777 cd Project\ -\ Chat\ App/ + 1778 nano beginChat.sh + 1779 nano publishMessage.sh + 1780 clear + 1781 make ChatProject + 1782 ./ChatProject + 1783 make ChatProject + 1784 ./ChatProject + 1785 gnome-terminal -- + 1786 cd Project\ -\ Chat\ App/ + 1787 ls + 1788 make ChatProject + 1789 ./ChatProject + 1790 make ChatProject + 1791 ./ChatProject + 1792 make ChatProject + 1793 ./ChatProject + 1794 make ChatProject + 1795 ./ChatProject + 1796 nano beginChat.sh + 1797 cd Project\ -\ Chat\ App/ + 1798 make ChatProject + 1799 ./ChatProject + 1800 ls + 1801 cd Project\ -\ Chat\ App/ + 1802 make ChatProject + 1803 ./ChatProject + 1804 cd Project\ -\ Chat\ App/ + 1805 ./ChatProject + 1806 cd Project\ -\ Chat\ App/ + 1807 make ChatProject + 1808 ./ChatProject + 1809 cd Project\ -\ Chat\ App/ + 1810 ./ChatProject + 1811 make passing4 + 1812 ./passing4 + 1813 ./passing5 + 1814 ./shoppingcart + 1815 ssh 89191015@student.famnit.upr.si + 1816 cd BashScripts/ + 1817 nano grep1.sh + 1818 make thirdTask + 1819 ./thirdTask + 1820 make thirdTask + 1821 ./thirdTask + 1822 make thirdTask + 1823 ./thirdTask + 1824 make thirdTask + 1825 ./thirdTask + 1826 make thirdTask + 1827 ./thirdTask + 1828 make thirdTask + 1829 ./thirdTask + 1830 make thirdTask + 1831 ./thirdTask + 1832 make thirdTask + 1833 ./thirdTask + 1834 make thirdTask + 1835 make thirdTask + 1836 ./thirdTask + 1837 make thirdTask + 1838 ./thirdTask + 1839 clear + 1840 make thirdTask + 1841 ./thirdTask + 1842 make thirdTask + 1843 ./thirdTask + 1844 make thirdTask + 1845 ./thirdTask + 1846 cd Desktop/ + 1847 cd Exam\ Practice/ + 1848 make fourthTask + 1849 ./fourthTask + 1850 make fourthTask + 1851 make filewriting + 1852 ./filewriting + 1853 ls + 1854 cd Desktop/ + 1855 mk FirstAssignment + 1856 mkdir FirstAssignment + 1857 cd FirstAssignment/ + 1858 nano FirstPage.html + 1859 nano FirstPoem.html + 1860 nano SecondPoem.html + 1861 nano FirstPage.html + 1862 nano FirstPoem.html + 1863 nano SecondPoem.html + 1864 mv FirstPoem.html thespecialone.html + 1865 mv SecondPoem.html changingthepast.html + 1866 mv time-alan_cleaver_foter_cc_by.jpg secondpoem.jpg + 1867 mv index.jpeg firstpoem.jpg + 1868 rm FirstPoem.html + 1869 rm SecondPoem.html + 1870 ls + 1871 history + 1872 ls + 1873 cd Desktop/ + 1874 cd FirstAssignment/ + 1875 ls + 1876 history > commandsused.html + 1877 ls + 1878 cd Desktop/ + 1879 cd FirstAssignment/ + 1880 cd .. + 1881 tar -cvzf backup.tgz /Desktop/FirstAssignment + 1882 tar -cvzf backup.tgz /Desktop/FirstAssignment$ + 1883 tar -cvzf backup.tgz /Desktop + 1884 help tar + 1885 man -k tar + 1886 -cvzf backup.tgz /Desktop/FirstAssignment + 1887 backup.tgz /Desktop/FirstAssignment + 1888 tar -cvzf backup.tar.gz /Desktop/FirstAssignment + 1889 tar -cvzf backup.tar.gz /Desktop/'FirstAssignment' + 1890 tar -cvzf backup.tar.gz FirstAssignment + 1891 cd Desktop/ + 1892 tar -cvzf backup.tar.gz FirstAssignment + 1893 ls + 1894 tar -cvzf backup.tgz FirstAssignment + 1895 tar -cvzf FirstAssignment.tgz FirstAssignment + 1896 tar -cvzf naloga.tgz FirstAssignment + 1897 cd Desktop/ + 1898 cd FirstAssignment/ + 1899 mkdir Images + 1900 mv firstpoem.jpg Images + 1901 mv secondpoem.jpg Images + 1902 cd Images/ + 1903 pwd + 1904 ls + 1905 mv firstpoem.jpg firstpoem1.jpg + 1906 mv secondpoem.jpg secondpoem1.jpg + 1907 ls + 1908 mv publishwall_resized_1483009267_7289922.jpg secondpoem2.jpg + 1909 ls + 1910 mv Special-Messages-for-Friends.jpg firstpoem2.jpg + 1911 ls + 1912 cd .. + 1913 history > commandsused.html + 1914 cd .. + 1915 tar -czvf naloga.tgz FirstAssignment + 1916 tar -czvf FirstAssignment.tgz FirstAssignment + 1917 ls + 1918 tar -czvf FirstAssignment.tgz FirstAssignment + 1919 cd Desktop/ + 1920 tar -czvf FirstAssignment.tgz FirstAssignment + 1921 cd Desktop/ + 1922 tar -czvf FirstAssignment.tgz FirstAssignment + 1923 cd Desktop/ + 1924 mkdir Exercise_Cat + 1925 cd Desktop/ + 1926 mkdir SecondAssignment + 1927 mv SecondAssignment.html SecondAssignment + 1928 history + 1929 tar -czvf FirstAssignment.tgz FirstAssignment + 1930 cd Desk + 1931 cd Desktop/ + 1932 tar -czvf SecondAssignment.tgz SecondAssignment/ + 1933 quit + 1934 shutdown + 1935 ocaml + 1936 ls + 1937 cd Programming\ 2/ + 1938 cd OCaml/ + 1939 touch helloworld.ml + 1940 ocaml + 1941 cd .. + 1942 ls + 1943 cd Programming\ 2/ + 1944 cd OCaml/ + 1945 ocamlc -o helloworld helloworld.ml + 1946 ./helloworld + 1947 ocamlc -o helloworld helloworld.ml + 1948 ./helloworld + 1949 ocamlc -o helloworld helloworld.ml + 1950 ./helloworld + 1951 sudo apt-get install ocaml + 1952 sudo apt-get install opam + 1953 opam depext conf-gtksourceview.2 + 1954 opam install ocaml-top + 1955 opam init + 1956 ls + 1957 cd snap/ + 1958 ls + 1959 cd code/ + 1960 ls + 1961 cd .. .. .. + 1962 cd ../../.. + 1963 ls + 1964 cd nikola/ + 1965 l + 1966 ls + 1967 opam install ocaml-top + 1968 opam depext conf-m4.1 + 1969 opam depext conf-pkg-config.1.1 + 1970 opam detext conf-gtksourceview.2 + 1971 opam depext conf-gtksourceview.2 + 1972 opam install merlin + 1973 opam install ocp-indent + 1974 ls + 1975 cd Computer\ Practicum\ II + 1976 ls + 1977 tar czvf SecondAssignment.tgz SecondAssignment + 1978 ls + 1979 cd Computer\ Practicum\ II + 1980 ls + 1981 cd Exercise_02 + 1982 touch harambe.html + 1983 touch stats.html + 1984 touch story.html + 1985 ls + 1986 cd Computer\ Practicum\ II + 1987 ls + 1988 mkdir ThirdAssignment + 1989 cd ThirdAssignment/ + 1990 touch homepage.html + 1991 touch what.html + 1992 touch gallery.html + 1993 ls + 1994 cd Computer\ Practicum\ II + 1995 ls + 1996 tar czvf ThirdAssignment.tgz ThirdAssignment + 1997 tar czvf Exercise_03.tgz Exercise_03 + 1998 touch commands.txt + 1999 history > commands.txt diff --git a/Student Works/nikolakovacevic/Assignments/ThirdAssignment/gallery.html b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/gallery.html new file mode 100644 index 00000000..c050d709 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/gallery.html @@ -0,0 +1,184 @@ + + + + + + Gallery + + + + + + + +
+

Browse Memes

+
+ +
+

Check out the description of each meme below

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
+ + "Loss"
"Loss", sometimes referred to as "Loss.jpg", is a webcomic strip created on June 2, 2008 by Tim Buckley for his gaming-related webcomic Ctrl+Alt+Del. During a storyline where the main character Ethan and his fiancée Lilah are expecting their first child, the strip—presented as a four-panel comic with no dialogue—has Ethan entering a hospital, asking a receptionist for directions, talking to a doctor, and finding Lilah crying on her side in a hospital bed, implying that she had suffered a miscarriage. Buckley cited personal events in his life as inspiration for the comic.Since the publication of the strip, it has garnered negative reception from critics and webcomic creators, noting the shift in tone in the webcomic as an example of "fridging". It later garnered a legacy as an internet meme, with edits to the strip being made by other creators.
+ + "I have the high ground"
"I have the high ground" is a line from the 2005 film Star Wars: Episode III -- Revenge of the Sith. During the film's climax, in which the characters Obi-Wan Kenobi (Ewan McGregor) and Anakin Skywalker (Hayden Christensen) duel on the fire planet Mustafar, Obi-Wan leaps over Anakin's head and onto a nearby hill. There he yells, "It's over, Anakin. I have the high ground."
+ + "Ah Sh*t, Here We Go Again"
"Ah Sh*t, Here We Go Again refers to a memorable scene from 2004 action-adventure video game Grand Theft Auto: San Andreas. Starting in April 2019, the scene gained significant popularity as an exploitable, often used in reference to repeating confrontations, although other meanings can also be derived depending on the context."
+ + "The Loops Brother"
"Cats Wanting Fruit Loops refer to images showing cats seemingly yearning for bowls of the breakfast cereal Fruit Loops. Variations on the concept began growing popular on Twitter in July of 2018."
+ + "Slaps Roof of Car"
"Slaps Roof of Car is a popular phrasal template featuring a mock conversation between a car salesman and potential buyer in which the salesman emphasizes the phrase "this bad boy can fit so much X in it" by slapping the roof of the car. The phrase is frequently used as the caption to an illustration of a car salesman and the buyer."
+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/ThirdAssignment/homepage.html b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/homepage.html new file mode 100644 index 00000000..d8b6c2b3 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/homepage.html @@ -0,0 +1,114 @@ + + + + + + Homepage + + + + + + + + + + +
+

Meme Gallery

+
+ +
+

The largest collection of memes in
the interwebs

+
+ +
+

On this site, you can see all the memes that made an impact on history of human population.

+

To find out more about memes, click What are memes?,
To see the memes, check out Gallery.

+
+ + + +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Assignments/ThirdAssignment/what.html b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/what.html new file mode 100644 index 00000000..d1c124f8 --- /dev/null +++ b/Student Works/nikolakovacevic/Assignments/ThirdAssignment/what.html @@ -0,0 +1,97 @@ + + + + + + What are memes? + + + + + + + + +
+

What are memes?

+
+ +
+

A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture—often with the aim of conveying a
particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be
transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the
concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. + Proponents theorize that memes
are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of
variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they
generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate.
Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their
hosts. + A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism
from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make
empirical study possible. Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units,
and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a
misunderstanding of the original proposal. + + The word meme is a neologism coined by Richard Dawkins. It originated from Dawkins's 1976 book The Selfish
Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures,
not just metaphorically" and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before
his approval of Humphrey's opinion, had been simpler.
+

+ +
+

©Copyright 2020. Kovacevic Nikola.

+
+ + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_03/page1.html b/Student Works/nikolakovacevic/Exercises/Exercise_03/page1.html new file mode 100644 index 00000000..40df5b19 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_03/page1.html @@ -0,0 +1,91 @@ + + + + + + Page 1 + + + + +
+ + +
+ + +
+
+ Demographic + Gender: +
+ + +
+ + +
+ + +
+ What is your age group? +
+ +
+ +
+
+
+ Meal Choice + What do you like to eat? +
+ + +
+ + +
+ + +
+ +
+ + +
+ + Why do you want to join? +
+ +
+ + Upload your CV + + +
+ + +
+ + + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_03/page2.html b/Student Works/nikolakovacevic/Exercises/Exercise_03/page2.html new file mode 100644 index 00000000..b23bad72 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_03/page2.html @@ -0,0 +1,36 @@ + + + + + + Page 2 + + + + +

Boku wa Banzai des!

+

+ +

+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_03/work.txt b/Student Works/nikolakovacevic/Exercises/Exercise_03/work.txt new file mode 100644 index 00000000..b72f4068 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_03/work.txt @@ -0,0 +1,8 @@ +2 hours: +- html forms +- php preview and basics + +- input type text has default 20 characters +- form method: + - get (default) - to make bookmarks + - post - to make secure confidental or private data \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_04/page1.html b/Student Works/nikolakovacevic/Exercises/Exercise_04/page1.html new file mode 100644 index 00000000..b857d372 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_04/page1.html @@ -0,0 +1,88 @@ + + + + + GIFS Galore + + + + +
+

The best GIF's of this millenia

+

Showing you the best that have changed history

+
+
+ +
+

+
+			 	We're no strangers to love
+				You know the rules and so do I
+				A full commitment's what I'm thinking of
+				You wouldn't get this from any other guy
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				And if you ask me how I'm feeling
+				Don't tell me you're too blind to see
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give, never gonna give
+				(Give you up)
+				(Ooh) Never gonna give, never gonna give
+				(Give you up)
+				We've known each other for so long
+				Your heart's been aching but you're too shy to say it
+				Inside we both know what's been going on
+				We know the game and we're gonna play it
+				I just wanna tell you how I'm feeling
+				Gotta make you understand
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say goodbye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+				Never gonna say good	bye
+				Never gonna tell a lie and hurt you
+				Never gonna give you up
+				Never gonna let you down
+				Never gonna run around and desert you
+				Never gonna make you cry
+		
+
+
+
+

© Copyright 9GAG.com

+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_04/rick.css b/Student Works/nikolakovacevic/Exercises/Exercise_04/rick.css new file mode 100644 index 00000000..6a5c6486 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_04/rick.css @@ -0,0 +1,106 @@ +* { + box-sizing: border-box; +} + +body { + background: white; + outline: 2px dotted tomato; +} + +header { + border-bottom: 2px solid tomato; + font-family: sans-serif; + padding-left: 10px; + padding-top: 10px; + margin: auto; + height: 18%; +} + +h1 { + font-size: 35px; + letter-spacing: 15px; + /* spaces in between letters */ + word-spacing: 20px; + /* spaces in between words */ + line-height: 40px; + /* the space in between two lines of text */ + text-shadow: 3px 2px orange; + /* horizontal shadow, vertical, then color 8*/ +} + +h2 { + font-size: 20px; + font-style: italic; + text-decoration: line-through; + text-shadow: 2px 1px dodgerBlue; +} + +section { + height: 70%; +} + +nav { + float: left; + border-right: 2px solid tomato; + width: 30%; + height: 100%; +} + +a { + color: hotpink; + text-decoration: none; +} + +a:hover { + color: orange; +} +/* pseudo element */ + +ul { + background: #ff9999; + list-style-image: url("https://phoneky.co.uk/thumbs/screensavers/down/abstract/poring_rbjz4fhl.gif"); + list-style-position: inside; + margin-left: 40; + padding: 0; + font-size: 25px; + overflow: auto; +} + + +ul li { + background: #ffe5e5; +} + +li a { + display: block; +} +/* instead of text, the clickable part is now the whole block */ + +li a:hover { + background-color: white; +} +/*makes the entire block hoverable*/ + +article { + float: left; + width: 70%; + height: 100%; + background-image: url("https://gifimage.net/wp-content/uploads/2017/11/fried-chicken-gif-2.gif"); + background-repeat: repeat; + background-position: left; + background-attachment: scroll; + overflow: auto; +} + +article.background-image { + opacity: 0.2; +} + +p.image { + text-align: center; +} + +footer { + border-top: 2px solid tomato; + height: 15%; +} \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/image.png b/Student Works/nikolakovacevic/Exercises/Exercise_05/image.png new file mode 100644 index 00000000..469ace20 Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_05/image.png differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/image2.PNG b/Student Works/nikolakovacevic/Exercises/Exercise_05/image2.PNG new file mode 100644 index 00000000..bdf908ad Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_05/image2.PNG differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/koko.css b/Student Works/nikolakovacevic/Exercises/Exercise_05/koko.css new file mode 100644 index 00000000..06c63d33 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/koko.css @@ -0,0 +1,99 @@ +ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #333; + position: fixed; + width: 100%; + position: sticky; + position: -webkit-sticky; /* This makes it work for Safari*/ + top: 0; +} + +li { + float: left; +} + +li a, .dropbtn { + display: block; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +/* Change the link color to #111 (black) on hover */ +li a:hover, .dropdown:hover .dropbtn{ + background-color: #111; +} + +li.dropdown { + display: inline-block; +} + +.active { + background-color: hotpink; + color: white; +} + +.dropdown-content { + display: none; + position: absolute; + background-color: #f9f9f9; + min-width: 160px; + box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); + z-index: 1; +} + +.dropdown-content a { + color: black; + padding: 12px 16px; + text-decoration: none; + display: block; + text-align: left; +} + +.dropdown-content a:hover {background-color: #f1f1f1;} + +.dropdown:hover .dropdown-content { + display: block; +} + +div.gallery { + margin: 5px; + border: 1px solid #ccc; + float: left; + width: 180px; +} + +div.gallery:hover { + border: 1px solid #777; +} + +div.gallery img { + width: 100%; + height: auto; +} + +div.desc { + padding: 15px; + text-align: center; +} + +input[type=text] { + width: 100; + padding: 12px 20px; + box-sizing: border-box; + border: none; + border-bottom: 2px solid orange; + background-color: #3CBC8D; + color: white; + transition: width 0.4s ease-in-out; +} + +input[type=text]:focus { + border: 3px solid orange; + width: 100%; +} + diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/page1.html b/Student Works/nikolakovacevic/Exercises/Exercise_05/page1.html new file mode 100644 index 00000000..311e9eac --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/page1.html @@ -0,0 +1,36 @@ + + + + Why Koko Pimentel is batshit + + + +
+

Home

+

Welcome!

+
+
+ +
+

This is our homepage.

+

Check out the Nav Bar to see where you can travel from here!

+
+
+
+ © Copyright March 2020. +
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/page2.html b/Student Works/nikolakovacevic/Exercises/Exercise_05/page2.html new file mode 100644 index 00000000..77ed5467 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/page2.html @@ -0,0 +1,45 @@ + + + + Incidents + + + +
+

Incidents

+

Pimentel's Actions.

+
+
+ +
+ +

The Makati Medical Center slams Senator Koko Pimentel's actions, saying he 'added to the burden' of the hospital by violating his home quarantine and exposing health workers to possible infection.MANILA, Philippines – The chief of the Makati Medical Center (MMC) did not mince words against Senator Aquilino "Koko" Pimentel III, who accompanied his pregnant wife to the hospital when he was already exhibiting symptoms of COVID-19, the disease caused by the novel coronavirus. On Wednesday, March 25, MMC medical director Dr Saturnino Javier released a strongly worded statement denouncing the "irresponsible and reckless" behavior of Pimentel, who found out he tested positive for COVID-19 while he was at the hospital.
+ + "We denounce the irresponsible and reckless action of the senator. He added to the burden of a hospital trying to respond in its most competent and aggressive manner to cope with the daunting challenges of this COVID-19 outbreak," Javier said.
+ + Stopping short of calling Pimentel a hypocrite, the MMC chief said the administration-allied senator's past statements urging the public to follow the national government's lockdown rules were "nothing but empty rhetoric.""His admonition for everyone to observe social distancing, enhanced community quarantine measures, washing of hands, and personal hygiene are nothing but empty rhetoric because he himself violated all of those," Javier said.

+

The Makati Medical Center slams Senator Koko Pimentel's actions, saying he 'added to the burden' of the hospital by violating his home quarantine and exposing health workers to possible infection.MANILA, Philippines – The chief of the Makati Medical Center (MMC) did not mince words against Senator Aquilino "Koko" Pimentel III, who accompanied his pregnant wife to the hospital when he was already exhibiting symptoms of COVID-19, the disease caused by the novel coronavirus. On Wednesday, March 25, MMC medical director Dr Saturnino Javier released a strongly worded statement denouncing the "irresponsible and reckless" behavior of Pimentel, who found out he tested positive for COVID-19 while he was at the hospital.
+ + "We denounce the irresponsible and reckless action of the senator. He added to the burden of a hospital trying to respond in its most competent and aggressive manner to cope with the daunting challenges of this COVID-19 outbreak," Javier said.
+ + Stopping short of calling Pimentel a hypocrite, the MMC chief said the administration-allied senator's past statements urging the public to follow the national government's lockdown rules were "nothing but empty rhetoric.""His admonition for everyone to observe social distancing, enhanced community quarantine measures, washing of hands, and personal hygiene are nothing but empty rhetoric because he himself violated all of those," Javier said.

+
+
+
+ © Copyright March 2020. +
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/page3.html b/Student Works/nikolakovacevic/Exercises/Exercise_05/page3.html new file mode 100644 index 00000000..89da64bb --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/page3.html @@ -0,0 +1,52 @@ + + + + Memes + + + +
+

Memes

+

I love graphic design as you can see! :)))

+
+
+ +
+ + + +
+
+
+ © Copyright March 2020. +
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/page4.html b/Student Works/nikolakovacevic/Exercises/Exercise_05/page4.html new file mode 100644 index 00000000..f61ec24c --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/page4.html @@ -0,0 +1,47 @@ + + + + Contribute + + + +
+

Submit your meme

+

Contribute to society.

+
+
+ +
+
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ © Copyright March 2020. +
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_05/page5.html b/Student Works/nikolakovacevic/Exercises/Exercise_05/page5.html new file mode 100644 index 00000000..9216213a --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_05/page5.html @@ -0,0 +1,52 @@ + + + + About + + + +
+

About

+

Some info and some Gengars. 8)

+
+
+ +
+ + + +
+
+
+ © Copyright March 2020. +
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_06/image1.png b/Student Works/nikolakovacevic/Exercises/Exercise_06/image1.png new file mode 100644 index 00000000..95cf5773 Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_06/image1.png differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_06/image2.png b/Student Works/nikolakovacevic/Exercises/Exercise_06/image2.png new file mode 100644 index 00000000..6231514e Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_06/image2.png differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_06/image3.png b/Student Works/nikolakovacevic/Exercises/Exercise_06/image3.png new file mode 100644 index 00000000..fc566ac4 Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_06/image3.png differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_06/page1.html b/Student Works/nikolakovacevic/Exercises/Exercise_06/page1.html new file mode 100644 index 00000000..169e32f9 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_06/page1.html @@ -0,0 +1,35 @@ + + + + My first time with JavaScript + + + + + + + + + + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/bruh.jpg b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/bruh.jpg new file mode 100644 index 00000000..af0549e2 Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/bruh.jpg differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/nut.jpg b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/nut.jpg new file mode 100644 index 00000000..789a77aa Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/nut.jpg differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/struggle.jpg b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/struggle.jpg new file mode 100644 index 00000000..da22f12e Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/struggle.jpg differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/yeet.jpg b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/yeet.jpg new file mode 100644 index 00000000..3214e7b0 Binary files /dev/null and b/Student Works/nikolakovacevic/Exercises/Exercise_07/Images/yeet.jpg differ diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_07/ex1.html b/Student Works/nikolakovacevic/Exercises/Exercise_07/ex1.html new file mode 100644 index 00000000..0a5975cb --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_07/ex1.html @@ -0,0 +1,98 @@ + + + + + + + + + + + + +
+ +
+ +
+ +
+ +
+ +
+ +
+ +

+ +

+ +

+ + + + + + +
NumberWhat we chooseWhat happened
+

+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/Exercises/Exercise_08/js3.html b/Student Works/nikolakovacevic/Exercises/Exercise_08/js3.html new file mode 100644 index 00000000..ac8f9ba0 --- /dev/null +++ b/Student Works/nikolakovacevic/Exercises/Exercise_08/js3.html @@ -0,0 +1,96 @@ + + + + Validating Forms + + + + + +
+
+ +
+
+ +
+
+ +
+
+ + +
+
+ + \ No newline at end of file diff --git a/Student Works/nikolakovacevic/FirstPage.html b/Student Works/nikolakovacevic/FirstPage.html new file mode 100644 index 00000000..18558b2e --- /dev/null +++ b/Student Works/nikolakovacevic/FirstPage.html @@ -0,0 +1,37 @@ + + + +The main title + + +

What is the meaning of life

+

How do we get an answer to that question?

+

This is a paragraph.


Test, test, test.
Testing breaks.

+ + + + + + + +
+	how should I do this
+
+	is it like this
+
+	or this 
+
+	it's probably this
+
+ + + + + + + + + + + + diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem1.html b/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem1.html new file mode 100644 index 00000000..ea219512 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem1.html @@ -0,0 +1,46 @@ + + + + Poem 1 + + + + + +

Carrot

+

Author:

+

JAMES BERTOLINO





+ +

1.

+

The carrot says
+ don’t be confused




+





+ +

2.

+

by appearances.
+ My lacy green






+




+ +

3.
+

friendship with air
+ gives me the confidence






+






+ +

4.
+

to make demands
+ of dirt. Consider me






+




+ + 5. +

a prospector probing
+ with my own gold.
+







+ + + + + + + + + diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem2.html b/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem2.html new file mode 100644 index 00000000..f8a2c507 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/1st Assigment/HTML/Poem2.html @@ -0,0 +1,43 @@ + + + + + Poem 2 + + + + + +

A Center

+

Author:

+

HA JIN





+ +

1.

+

You must hold your quiet center,
+ where you do what only you can do.
+ If others call you a maniac or a fool,
+ just let them wag their tongues.




+





+ +

2.

+

If some praise your perseverance,
+ don't feel too happy about it—
+ only solitude is a lasting friend.






+




+ +

3.
+

You must hold your distant center.
+ Don't move even if earth and heaven quake.
+ If others think you are insignificant,






+





+ +

4.
+

that's because you haven't held on long enough.
+ As long as you stay put year after year,
+ eventually you will find a world
+ beginning to revolve around you.


+



+ + + + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/CommandsUsed.html b/Student Works/ristovskajana/Assigments/1st Assigment/Images/CommandsUsed.html new file mode 100644 index 00000000..3e5cc300 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/1st Assigment/Images/CommandsUsed.html @@ -0,0 +1,261 @@ + + + + + Used Commands + + + +
+    Used Commands from terminal
+    1  nano pointers.c
+    2  gcc pointers.c -o new
+    3  ./new
+    4  nano pointers.c
+    5  ./new
+    6  nano pointers.c
+    7  ./new
+    8  gcc pointers.c -o new
+    9  ./new
+   10  nano pointers.c
+   11  gcc pointers.c -o new
+   12  nano pointers.c
+   13  gcc pointers.c -o new
+   14  nano pointers.c
+   15  gcc pointers.c -o new
+   16  ./new
+   17  nano pointers.c
+   18  gcc pointers.c -o new
+   19  nano pointers.c
+   20  gcc pointers.c -o new
+   21  nano pointers.c
+   22  gcc pointers.c -o new
+   23  nano pointers.c
+   24  ./new
+   25  nano p.c
+   26  gcc p.c -o new1
+   27  nano p.c
+   28  gcc p.c -o new1
+   29  nano p.c
+   30  gcc p.c -o new1
+   31  nano p.c
+   32  gcc p.c -o new1
+   33  nano p.c
+   34  gcc p.c -o new1
+   35  ./new1
+   36  nano p.c
+   37  gcc p.c -o new1
+   38  nano p.c
+   39  ./new1
+   40  nano p.c
+   41  gcc p.c -o new1
+   42  ./new1
+   43  nano p.c
+   44  gcc p.c -o new1
+   45  nano p.c
+   46  gcc p.c -o new1
+   47  nano p.c
+   48  gcc p.c -o new1
+   49  nano p.c
+   50  ./new1
+   51  nano p.c
+   52  gcc p.c -o new1
+   53  ./new1
+   54  nano p.c
+   55  gcc p.c -o new1
+   56  ./new1
+   57  gcc p.c -o new1
+   58  nano p.c
+   59  gcc p.c -o new1
+   60  ./new1
+   61  nano p.c
+   62  gcc p.c -o new1
+   63  nano p.c
+   64  gcc p.c -o new1
+   65  ./new1
+   66  gcc p.c -o new1
+   67  nano p.c
+   68  gcc p.c -o new1
+   69  ./new1
+   70  ./new1
+   71  nano p.c
+   72  gcc p.c -o new1
+   73  nano p.c
+   74  gcc p.c -o new1
+   75  ./new1
+   76  nano pr1.c
+   77  gcc pr1.c -o new
+   78  nano pr1.c
+   79  gcc pr1.c -o new
+   80  nano pr1.c
+   81  gcc pr1.c -o new
+   82  nano pr1.c
+   83  gcc pr1.c -o new
+   84  nano pr1.c
+   85  gcc pr1.c -o new
+   86  nano pr1.c
+   87  gcc pr1.c -o new
+   88  nano pr1.c
+   89  gcc pr1.c -o new -lm
+   90  7
+   91  nano pr1.c
+   92  gcc pr1.c -o new -lm
+   93  ds<
+   94  gcc pr1.c -o new -lm
+   95  nano pr1.c
+   96  gcc pr1.c -o new -lm
+   97  7 24 25
+   98  gcc pr1.c -o new -lm
+   99  nano pr1.c
+  100  gcc pr1.c -o new -lm
+  101  ./new
+  102  nano pr1.c
+  103  gcc pr1.c -o new -lm
+  104  ./new
+  105  gcc pr1.c -o new -lm
+  106  nano pr1.c
+  107  gcc pr1.c -o new -lm
+  108  ./new
+  109  nano pr1.c
+  110  gcc pr1.c -o new -lm
+  111  nano pr1.c
+  112  gcc pr1.c -o new -lm
+  113  nano pr1.c
+  114  gcc pr1.c -o new -lm
+  115  ./new
+  116  gcc pr1.c -o new -lm
+  117  nano pr1.c
+  118  gcc pr1.c -o new -lm
+  119  ./new
+  120  ./new
+  121  ./new
+  122  ./new
+  123  ./new
+  124  nano pr1.c
+  125  ./new
+  126  nano pr1.c
+  127  nano pr1.c
+  128  gedit pr1.c 
+  129  gedit pr1.c 
+  130  ls
+  131  nano m.c
+  132  nano p.c
+  133  nano eg.c
+  134  nano matrix.c
+  135  nano m.c
+  136  gcc m.c -o a
+  137  nano m.c
+  138  gcc m.c -o a
+  139  ./a
+  140  nano m.c
+  141  ./a
+  142  gcc m.c -o a
+  143  ./a
+  144  nano m.c
+  145  gcc m.c -o a
+  146  nano m.c
+  147  nano m.c
+  148  gcc m.c -o a
+  149  ./a
+  150  nano m.c
+  151  gcc m.c -o a
+  152  ./a
+  153  nano m.c
+  154  gcc m.c -o a
+  155  ./a
+  156  nano m.c
+  157  gcc m.c -o a
+  158  ./a
+  159  nano m.c
+  160  gcc m.c -o a
+  161  ./a
+  162  nano m.c
+  163  gcc m.c -o a
+  164  ./a
+  165  nano m.c
+  166  gcc m.c -o a
+  167  ./a
+  168  nano m.c
+  169  gcc m.c -o a
+  170  ./a
+  171  nano m.c
+  172  gcc m.c -o a
+  173  ./a
+  174  ls
+  175  gcc eg.c -o new
+  176  new./
+  177  gcc eg.c -o new5
+  178  new5./
+  179  nano eg.c
+  180  nano m.c
+  181  nano eg.c
+  182  gcc eg.c -o b
+  183  b./
+  184  ./b
+  185  nano eg.c
+  186  nano m.c
+  187  gcc m.c -o a
+  188  nano m.c
+  189  gcc m.c -o a
+  190  gcc m.c -o a
+  191  nano m.c
+  192  gcc m.c -o a
+  193  nano m.c
+  194  gcc m.c -o a
+  195  ./a
+  196  nano m.c
+  197  gcc m.c -o a
+  198  ./a
+  199  nano m.c
+  200  gcc m.c -o a
+  201  nano m.c
+  202  nano m.c
+  203  gcc m.c -o a
+  204  nano m.c
+  205  gcc m.c -o a
+  206  ./a
+  207  nano m.c
+  208  nano balance.c
+  209  gcc balance.c -o test
+  210  ./test
+  211  nano list.c
+  212  ls
+  213  nano p.c
+  214  nano m.c
+  215  nano list.c
+  216  gcc list.c -o k
+  217  nano list.c
+  218  gcc list.c -o k
+  219  nano list.c
+  220  gcc list.c -o k
+  221  gcc list.c -o k
+  222  nano list.c
+  223  gcc list.c -o k
+  224  nano list.c
+  225  gcc list.c -o k
+  226  nano list.c
+  227  gcc list.c -o k
+  228  nano list.c
+  229  gcc list.c -o k
+  230  nano list.c
+  231  gcc list.c -o k
+  232  ./k
+  233  gcc list.c -o k
+  234  nano list.c
+  235  gcc list.c -o k
+  236  nano list.c
+  237  gcc list.c -o k
+  238  nano list.c
+  239  gcc list.c -o k
+  240  nano list.c
+  241  gcc list.c -o k
+  242  ./k
+  243  nano list.c
+  244  nano balance.c
+  245  nano balance.c
+  246  gcc balance.c -o test
+  247  gcc balance.c -o test
+  248  nano balance.c
+  
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/JanasPoems.html b/Student Works/ristovskajana/Assigments/1st Assigment/Images/JanasPoems.html new file mode 100644 index 00000000..68552006 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/1st Assigment/Images/JanasPoems.html @@ -0,0 +1,32 @@ + + + + + My Poems + + + + + +

Jana's poems

+
+

Poem 1: "Carrots"

+ +

Author:

+

JAMES BERTOLINO


+

A short poem has recently been “doing the rounds” on various social media platforms. And it’s about carrots. It’s also quite, quite brilliant.Moving stuff, right? Now, aside from the fact that this is probably the best poem ever written about carrots, it’s more than just a social media oddity to be marvelled at – perhaps even laughed at (who would laugh at a poem about carrots?) Obviously, because the poem is so short, there’s not so much text available that can have much context.Literature, as the record of universal experience, has gradually acquired certain symbols that have become conventionalized–a kind of stage property of poets and artists and common people. The lily is a symbol of purity, the eagle of strength, red of passion, and gray of peace.

+ +





+
+ +

Poem 2: "A Center"

+ +
Author:
+

HA JIN


+

In A Center Ha Jin explores the experience of disillusionment and solitude for those who have chosen to or are forced to leave their native land, as they live in the memory or re-imagination of that “distant center”.He raises the question of the meaning of fulfillment for a writer and the overwhelming importance placed on him by the world.Hoping to reconcile the tension between the writer’s happiness as an individual and his contribution to the world, he imagines how he’d like others to remember him with a gentle, lenient heart.Some of the most powerful poems in the collection center around the complexity of one’s sense of allegiance to one’s people, land or country. “All you have is your country” questions the meaning of a country to an individual, unrealistic desire to return: “as long as you live, you want to grieve for the fairy tale of patriotism.”

+ +





+

Commands Used

+ + + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot1.jpeg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot1.jpeg new file mode 100644 index 00000000..a98b713f Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot1.jpeg differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot2.jpeg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot2.jpeg new file mode 100644 index 00000000..4dd0e77b Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot2.jpeg differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot3.jpeg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot3.jpeg new file mode 100644 index 00000000..faa01faa Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/carrot3.jpeg differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/center1.png b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center1.png new file mode 100644 index 00000000..78f61a76 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center1.png differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/center2.jpg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center2.jpg new file mode 100644 index 00000000..c3949327 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center2.jpg differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/center3.jpg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center3.jpg new file mode 100644 index 00000000..484ad39f Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center3.jpg differ diff --git a/Student Works/ristovskajana/Assigments/1st Assigment/Images/center4.jpg b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center4.jpg new file mode 100644 index 00000000..acb4c3bd Binary files /dev/null and b/Student Works/ristovskajana/Assigments/1st Assigment/Images/center4.jpg differ diff --git a/Student Works/ristovskajana/Assigments/2nd Assigment/Norman Borlaug.html b/Student Works/ristovskajana/Assigments/2nd Assigment/Norman Borlaug.html new file mode 100644 index 00000000..9909f771 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/2nd Assigment/Norman Borlaug.html @@ -0,0 +1,69 @@ + + + +
+ +

Dr. Norman Borlaug


+

The man who saved a billion lives

+
+
+ 1910s + 1930s + 1940s + 1950s + 1960s + 1970s + 2000s +
+
+
+
+
+ Dr. Norman Borlaug, second from left, trains biologists in Mexico on how to increase wheat yields - part of his life-long war on hunger. + +
+ +
+
+

Here's a time line of Dr. Borlaug's life:


+
    +
  • 1914 - Born in Cresco, Iowa
  • +
  • 1933 - Leaves his family's farm to attend the University of Minnesota, thanks to a Depression era program known as the "National Youth Administration"
  • +
  • 1935 - Has to stop school and save up more money. Works in the Civilian Conservation Corps, helping starving Americans. "I saw how food changed them", he said. "All of this left scars on me."
  • +
  • 1937 - Finishes university and takes a job in the US Forestry Service
  • +
  • 1938 - Marries wife of 69 years Margret Gibson. Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman, he returns to school study under Stakman, who teaches him about breeding pest-resistent plants.
  • +
  • 1941 - Tries to enroll in the military after the Pearl Harbor attack, but is rejected. Instead, the military asked his lab to work on waterproof glue, DDT to control malaria, disenfectants, and other applied science.
  • +
  • 1942 - Receives a Ph.D. in Genetics and Plant Pathology
  • +
  • 1944 - Rejects a 100% salary increase from Dupont, leaves behind his pregnant wife, and flies to Mexico to head a new plant pathology program. Over the next 16 years, his team breeds 6,000 different strains of disease resistent wheat - including different varieties for each major climate on Earth.
  • +
  • 1945 - Discovers a way to grown wheat twice each season, doubling wheat yields
  • +
  • 1953 - crosses a short, sturdy dwarf breed of wheat with a high-yeidling American breed, creating a strain that responds well to fertalizer. It goes on to provide 95% of Mexico's wheat.
  • +
  • 1962 - Visits Delhi and brings his high-yielding strains of wheat to the Indian subcontinent in time to help mitigate mass starvation due to a rapidly expanding population
  • +
  • 1970 - receives the Nobel Peace Prize
  • +
  • 1983 - helps seven African countries dramatically increase their maize and sorghum yields
  • +
  • 1984 - becomes a distinguished professor at Texas A&M University
  • +
  • 2005 - states "we will have to double the world food supply by 2050." Argues that genetically modified crops are the only way we can meet the demand, as we run out of arable land. Says that GM crops are not inherently dangerous because "we've been genetically modifying plants and animals for a long time. Long before we called it science, people were selecting the best breeds."
  • +
  • 2009 - dies at the age of 95.
  • +
+
+

"Borlaug's life and achievement are testimony to the far-reaching contribution that one man's towering intellect, persistence and scientific vision can make to human peace and progress."

+
--Indian Prime Minister Manmohan Singh
+
+

If you have time, you should read more about this incredible human being on his Wikipedia entry.

+
+
+
+ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Gallery.html b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Gallery.html new file mode 100644 index 00000000..07af4237 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Gallery.html @@ -0,0 +1,196 @@ + + + + Gallery + + + + + + +
+ +
+

Browse Memes

+

Check out the description of each meme below

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Be Like Bill
Bill is a stick-person illustration with white space left for captioning. The version pictured here is Bill wearing a hat. There are also versions of Bill sitting at a computer.Bill lets you make passive-aggressive public judgments about other people's life choices — an all-too irresistible appeal in modern society. To comment on something you disagree with, the innocuous Bill stick figure is an easy way to transmit your message.
Doge! Much wow, Such fun...
Doge is a photograph meme commonly attached to pictures of Shiba Inu dogs, combined with the Comic Sans font and the use of bad grammar with comedic monologue text. Doge even inspired the name of a new type of digital currency called Dogecoins.Doge has two common pronunciations: as a rhyme with rogue, or pronounced as dohj.
Distracted Boyfriend
“Distracted boyfriend” first entered the meme game in 2017, when a Turkish Facebook group used a stock photo of a man walking with a girl while checking out another girl to make a joke about Phil Collins. The meme continues to be relevant today while being used as inspiration for pop culture references, such as this recent one involving "Queer Eye's" Antoni Porowski, and new celebrity couple Kate Beckinsale and Pete Davidson at a New York Rangers game.
Expanding Brain
In 2017, when a number of posters on Tumblr and 4chan started bragging about their brain sizes, it quickly turned into a meme. Photos of different sized brains are paired with “smart” sounding words until they expand into a fully enlightened stage. One of the first manifestations of the “expanding brain” meme came from the who-whom-whomst progression of words that seemingly makes one sound smarter.
Change My mind
After Steven Crowder, a conservative podcaster, posted a photo of himself in 2018 sitting at a desk with a sign saying “Male privilege is a myth: Change my mind,” it was almost too easy for the internet to begin making fun of him with memes of their own. Memes ranged from simply changing the words on the sign to elaborate photoshops.
Drake
Drake has been the subject of several different memes throughout his long career. His 2015 single “Hotline Bling” was one of the biggest songs of the year, and when the music video came out featuring Drake dancing in a brightly lit cube structure the memes began to accumulate even more. Since then the internet has memed everything from his Twitter posts to school portraits.
This is fine
Taken out of a 2013 webcomic strip called “On Fire,” this image showing a human-like dog enjoying his coffee while his house is burning down has seemingly become more and more relatable every year. The image is rarely altered, simply attached to troubling or hard-to-grasp news.
Don't say it
The “don't say it” meme details the relatable conversations people have between themselves and their brains, from bringing up awkward conversations topics to resisting “that's what she said” jokes. The first tweet with the meme showed up in 2010, but later resurfaced in 2017 and showed an inner struggle between whether or not to start a conversation with a taxi driver.
HandShake
The 1987 film “Predator” starring Arnold Schwarzenegger and Carl Weathers contained within it what could be the manliest handshake of all time, and in 2007 it began gaining traction on YouTube. After multiple videos and fan art paying tribute to the handshake became popular in the following years, object labeling memes using the handshake as a background to agreements began to arise in 2018.
Elon Musk
There have been several memes revolving around the tech entrepreneur Elon Musk throughout the years, especially following his Twitter request for “dank memes” in October 2018. One of the most popular Musk memes uses an image of the billionaire smoking during a podcast interview.
+

+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Meme Page.html b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Meme Page.html new file mode 100644 index 00000000..0a47c8b5 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/Meme Page.html @@ -0,0 +1,104 @@ + + + + Meme Page + + + + + +
+ +
+

Meme Gallery

+

The largest collection of Memes in the interweb

+

+ In this site, we allow you to check out the different memes that have been featured across history.

+

+ To know more about memes, click What are memes? + To see the memes, check out Gallery. +

+

+ © Jana Ristovska +

+
+ +
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/What Are Memes.html b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/What Are Memes.html new file mode 100644 index 00000000..0b00773d --- /dev/null +++ b/Student Works/ristovskajana/Assigments/3rd Assigment/HTML/What Are Memes.html @@ -0,0 +1,105 @@ + + + + What are Memes? + + + + + +
+ +
+

What Are Memes?

+

+ A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture—often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. + Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. + + A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make empirical study possible. Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units, and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a misunderstanding of the original proposal. + + The word meme is a neologism coined by Richard Dawkins. It originated from Dawkins's 1976 book The Selfish Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures, not just metaphorically" and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler. +

+

+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme1.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme1.jpg new file mode 100644 index 00000000..61862014 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme1.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme10.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme10.jpg new file mode 100644 index 00000000..016f0c9d Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme10.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme2.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme2.jpg new file mode 100644 index 00000000..c6587730 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme2.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme3.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme3.jpg new file mode 100644 index 00000000..9a6b88e3 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme3.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme4.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme4.jpg new file mode 100644 index 00000000..3cb08cfa Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme4.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme5.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme5.jpg new file mode 100644 index 00000000..9fcf2ae8 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme5.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme6.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme6.jpg new file mode 100644 index 00000000..f5a7e88b Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme6.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme7.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme7.jpg new file mode 100644 index 00000000..23a8df41 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme7.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme8.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme8.jpg new file mode 100644 index 00000000..f46dd6d9 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme8.jpg differ diff --git a/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme9.jpg b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme9.jpg new file mode 100644 index 00000000..27035372 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/3rd Assigment/Images/Meme9.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page1.html b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page1.html new file mode 100644 index 00000000..51f565b2 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page1.html @@ -0,0 +1,116 @@ + + + + Home Page + + + + + +
+ +
+

Meme Gallery

+

The largest collection of Memes in the interweb

+

+ In this site, we allow you to check out the different memes that have been featured across history.

+

+ To know more about memes, click What are memes? + To see the memes, check out Gallery. +

+

+ © Jana Ristovska +

+
+ +
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page2.html b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page2.html new file mode 100644 index 00000000..dbe98150 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page2.html @@ -0,0 +1,141 @@ + + + + Page2 + + + + +
+ +
+

Form of personal info

+ +
+
+ Personal info + First name:

+ Middle name:

+ Last name:

+ Date od birth:

+ Gender:
+
+
+

+ Place of Birth:

+
+
+ More info + Email:

+ Confirm Email addres:

+ Username:

+ Choose a password:

+ Upload your photo (optional):
+
+
+ About you + Favourite colour:

+ Favourite animal:

+ Describe yourself:
+ +

+ Reason for joining this meme page:


+
+
+ Submit your info + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page3.html b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page3.html new file mode 100644 index 00000000..d4a73f74 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page3.html @@ -0,0 +1,113 @@ + + + + Upload Memes + + + +
+ +
+

Upload a meme

+
+
+ Upload a meme + Title of the meme:

+ Upload the photo of the meme:

+ Description of the meme:


+ + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page4.html b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page4.html new file mode 100644 index 00000000..173f6e12 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page4.html @@ -0,0 +1,387 @@ + + + + Gallery + + + + + + +
+ +
+

Browse Memes

+

Check out the description of each meme below

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Be Like Bill

Bill is a stick-person illustration with white space left for captioning. The version pictured here is Bill wearing a hat. There are also versions of Bill sitting at a computer.Bill lets you make passive-aggressive public judgments about other people's life choices — an all-too irresistible appeal in modern society. To comment on something you disagree with, the innocuous Bill stick figure is an easy way to transmit your message.







+
+ Rate this meme: +
+ + + + + + + + + + +
Doge! Much wow, Such fun...

Doge is a photograph meme commonly attached to pictures of Shiba Inu dogs, combined with the Comic Sans font and the use of bad grammar with comedic monologue text. Doge even inspired the name of a new type of digital currency called Dogecoins.Doge has two common pronunciations: as a rhyme with rogue, or pronounced as dohj.







+
+ Rate this meme: +
+ + + + + + + + + + +
Distracted Boyfriend

“Distracted boyfriend” first entered the meme game in 2017, when a Turkish Facebook group used a stock photo of a man walking with a girl while checking out another girl to make a joke about Phil Collins. The meme continues to be relevant today while being used as inspiration for pop culture references, such as this recent one involving "Queer Eye's" Antoni Porowski, and new celebrity couple Kate Beckinsale and Pete Davidson at a New York Rangers game.







+
+ Rate this meme: +
+ + + + + + + + + + +
Expanding Brain

In 2017, when a number of posters on Tumblr and 4chan started bragging about their brain sizes, it quickly turned into a meme. Photos of different sized brains are paired with “smart” sounding words until they expand into a fully enlightened stage. One of the first manifestations of the “expanding brain” meme came from the who-whom-whomst progression of words that seemingly makes one sound smarter.







+
+ Rate this meme: +
+ + + + + + + + + + +
Change My mind

After Steven Crowder, a conservative podcaster, posted a photo of himself in 2018 sitting at a desk with a sign saying “Male privilege is a myth: Change my mind,” it was almost too easy for the internet to begin making fun of him with memes of their own. Memes ranged from simply changing the words on the sign to elaborate photoshops.







+
+ Rate this meme: +
+ + + + + + + + + + +
Drake

Drake has been the subject of several different memes throughout his long career. His 2015 single “Hotline Bling” was one of the biggest songs of the year, and when the music video came out featuring Drake dancing in a brightly lit cube structure the memes began to accumulate even more. Since then the internet has memed everything from his Twitter posts to school portraits.







+
+ Rate this meme: +
+ + + + + + + + + + +
This is fine

Taken out of a 2013 webcomic strip called “On Fire,” this image showing a human-like dog enjoying his coffee while his house is burning down has seemingly become more and more relatable every year. The image is rarely altered, simply attached to troubling or hard-to-grasp news.







+
+ Rate this meme: +
+ + + + + + + + + + +
Don't say it

The “don't say it” meme details the relatable conversations people have between themselves and their brains, from bringing up awkward conversations topics to resisting “that's what she said” jokes. The first tweet with the meme showed up in 2010, but later resurfaced in 2017 and showed an inner struggle between whether or not to start a conversation with a taxi driver.







+
+ Rate this meme: +
+ + + + + + + + + + +
HandShake

The 1987 film “Predator” starring Arnold Schwarzenegger and Carl Weathers contained within it what could be the manliest handshake of all time, and in 2007 it began gaining traction on YouTube. After multiple videos and fan art paying tribute to the handshake became popular in the following years, object labeling memes using the handshake as a background to agreements began to arise in 2018.







+
+ Rate this meme: +
+ + + + + + + + + + +
Elon Musk

There have been several memes revolving around the tech entrepreneur Elon Musk throughout the years, especially following his Twitter request for “dank memes” in October 2018. One of the most popular Musk memes uses an image of the billionaire smoking during a podcast interview.







+
+ Rate this meme: +
+ + + + + + + + + + +
+

+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page5.html b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page5.html new file mode 100644 index 00000000..0570c482 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/HTML/Page5.html @@ -0,0 +1,117 @@ + + + + What are Memes? + + + + + +
+ +
+

What Are Memes?

+

+ A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture—often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. + Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. + + A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make empirical study possible. Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units, and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a misunderstanding of the original proposal. + + The word meme is a neologism coined by Richard Dawkins. It originated from Dawkins's 1976 book The Selfish Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures, not just metaphorically" and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler. +

+

+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme1.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme1.jpg new file mode 100644 index 00000000..61862014 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme1.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme10.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme10.jpg new file mode 100644 index 00000000..016f0c9d Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme10.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme2.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme2.jpg new file mode 100644 index 00000000..c6587730 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme2.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme3.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme3.jpg new file mode 100644 index 00000000..9a6b88e3 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme3.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme4.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme4.jpg new file mode 100644 index 00000000..3cb08cfa Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme4.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme5.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme5.jpg new file mode 100644 index 00000000..9fcf2ae8 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme5.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme6.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme6.jpg new file mode 100644 index 00000000..f5a7e88b Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme6.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme7.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme7.jpg new file mode 100644 index 00000000..23a8df41 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme7.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme8.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme8.jpg new file mode 100644 index 00000000..f46dd6d9 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme8.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme9.jpg b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme9.jpg new file mode 100644 index 00000000..27035372 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/4th Assigment/Images/Meme9.jpg differ diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form1.php b/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form1.php new file mode 100644 index 00000000..f15703f3 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form1.php @@ -0,0 +1,23 @@ + + + + Registration Form + + +Welcome, your submission has been confirmed +First name:
+Middle name: +Last name: +Your email address is: +Date of Birth: +Place if birth: +Gender: +Email adress: +Usrename: +Photo: +Favourite color: +Favorite animal: +Description of yourself: +Why you joined this page: + + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form2.php b/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form2.php new file mode 100644 index 00000000..85905a42 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/4th Assigment/PHP/form2.php @@ -0,0 +1,12 @@ + + + + Upoad a Meme + + + +Welcome, your submission has been confirmed +Title of the meme: +Picture of the meme: +Description of the meme: + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/CSS/css.css b/Student Works/ristovskajana/Assigments/5th Assigment/CSS/css.css new file mode 100644 index 00000000..962e3130 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/CSS/css.css @@ -0,0 +1,265 @@ +* { + box-sizing: border-box; + font-family: Montserrat; +} + +html { + height: 100%; +} + +h1 { + font-size:50px; + color: #00b300; + font-weight:bold; + font-family: Cursive; + margin-left:10px; +} + +h2 { + font-size:30px; + color: #ff9900; + margin-left:10px; +} + +h3{ + color: gray; + margin-left:10px; + margin-right: 50px; +} + +h4{ + color: #363636; + margin-left:10px; + margin-right: 50px; +} + +body { + margin: 0 auto; + background-position:center; + background-size: contain; + font-size: 17px; +} + +p { + margin-left: 20px; +} + +p.what{ + margin-right: 80px; +} + +section { + margin-left: 10px; +} + +nav { + float: left; + width: 13%; + height: 300px; + background: white; + padding: 20px; + margin: 40px auto; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0 auto; + width: 130px; +} + +ul.spongebob{ + list-style-image: url('spongebob.png'); +} + +nav ul li { + width: 100%; + margin: 10px 0; + padding: 0; + background-color: #ff9900; +} + +nav ul li a { + display: block; + margin: 0 auto; + padding: 10px; + color: white; + font-size: 18px; + background-color: #4d4d4d; + text-decoration: none; + width: 75%; +} + +div{ + display: block; +} + +div.info { + padding: 10px; + font-size: 20px; +} + +article { + float: left; + padding: 10px; + width: 87%; + background-color: white; + height: 300px; +} + +div.legend { + float: left; + height: 40px; + border: 1px solid black; + border-collapse: collapse; + border-right: none; +} + +div.image { + float: left; + height: 40px; + width: 38.5%; + color: #ff9900; + font-size: 20px; + text-align: center; + border: 1px solid black; + border-collapse: collapse; +} + +div.name { + border: 1px solid black; + height: 40px; + width: 100%; + color: #ff9900; + font-size: 20px; + text-align: center; + border-collapse: collapse; + border-right: none; +} + +div.image:hover , div.name:hover{ + color: darkgreen; +} + +div.meme { + float: left; + height: 400px; + border: 1px solid white; + border-collapse: collapse; + border-right: none; +} + +div.memetitle:hover { + color: #ff9900; +} + +div.column1 { + float: left; + width: 38.5%; + height: 100%; + border: 1px solid black; + border-collapse: collapse; + border-right: none; +} + +img { + max-width: 100%; + width: 500px; + height: 400px; +} + +div.memecolumn2 { + + border: 1px solid black; + height: 400px; + width: 100%; + border-collapse: collapse; + border-right: none; + border-top: none; +} + +div.memetitle { + height: 10%; + font-size: 20px; + padding: 1px; + font-family: cursive; + color: darkgreen; + border: 1px solid black; + border-collapse: collapse; + border-right: none; +} + +div.Description { + height: 75%; + font-size: 17px; +} + +div.rates { + height: 10.5%; + border: 1px solid black; + font-size: 20px; + border-collapse: collapse; + border-right: none; +} + +.checked { + color: orange; +} +.ratem { + float: right; + height: 12px; + padding: 0 10px; + background: white; + +} + +.ratem:not(:checked) > input { + position:absolute; + top:-9999px; +} + +.ratem:not(:checked) > label { + float:right; + width:1em; + overflow:hidden; + white-space:nowrap; + cursor:pointer; + font-size:30px; + color:#ccc; +} + +.ratem:not(:checked) > label:before { + content: '★ '; +} + +.ratem > input:checked ~ label { + color: #ffc700; +} + +.ratem:not(:checked) > label:hover, .ratem:not(:checked) > label:hover ~ label { + color: #deb217; +} + +.ratem > input:checked + label:hover, +.ratem > input:checked + label:hover ~ label, +.ratem > input:checked ~ label:hover, +.ratem > input:checked ~ label:hover ~ label, +.ratem > label:hover ~ input:checked ~ label { + color: #c59b08; +} + +@media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } + div.column1, div.memecolumn2{ + width: 100%; + height: auto; + } + div.image, div.name{ + width: 100%; + height: auto; + } +} diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page1.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page1.html new file mode 100644 index 00000000..1f8cb7ba --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page1.html @@ -0,0 +1,39 @@ + + + + Home Page + + + + + +
+ +
+

Meme Gallery

+

The largest collection of Memes in the interweb

+

In this site, we allow you to check out the different memes that have been featured across history.

+
    +
  • To know more about memes, click What are memes?

  • +
  • To see memes, check out Gallery

  • +
  • If you want to contrinute to the meme world you need to Sing in

  • +
  • And then you can Upload a meme

  • +
  • To see more about this comunity click here

  • +
+

+ © Jana Ristovska +

+
+ +
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page2.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page2.html new file mode 100644 index 00000000..bf98d4bf --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page2.html @@ -0,0 +1,62 @@ + + + + Page2 + + + + +
+ +
+

Form of personal info

+ +
+
+ Personal info + First name:

+ Middle name:

+ Last name:

+ Date od birth:

+ Gender:
+
+
+

+ Place of Birth:

+
+
+ More info + Email:

+ Confirm Email addres:

+ Username:

+ Choose a password:

+ Upload your photo (optional):
+
+
+ About you + Favourite colour:

+ Favourite animal:

+ Describe yourself:
+ +

+ Reason for joining this meme page:


+
+
+ Submit your info + + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page3.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page3.html new file mode 100644 index 00000000..00c243cd --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page3.html @@ -0,0 +1,35 @@ + + + + Upload Memes + + + + +
+ +
+

Upload a meme

+
+
+ Upload a meme + Title of the meme:

+ Upload the photo of the meme:

+ Description of the meme:


+ + +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page4.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page4.html new file mode 100644 index 00000000..8295609f --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page4.html @@ -0,0 +1,256 @@ + + + + Gallery + + + + + + + +
+ +
+

Browse Memes

+

Check out the description of each meme below

+
+
Image
+
Title and Description
+
+
+
+
+
+
+
Be Like Bill
+

Bill is a stick-person illustration with white space left for captioning. The version pictured here is Bill wearing a hat. There are also versions of Bill sitting at a computer.Bill lets you make passive-aggressive public judgments about other people's life choices — an all-too irresistible appeal in modern society. To comment on something you disagree with, the innocuous Bill stick figure is an easy way to transmit your message.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
+
Doge! Much wow, Such fun...
+

Doge is a photograph meme commonly attached to pictures of Shiba Inu dogs, combined with the Comic Sans font and the use of bad grammar with comedic monologue text. Doge even inspired the name of a new type of digital currency called Dogecoins.Doge has two common pronunciations: as a rhyme with rogue, or pronounced as dohj.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Distracted Boyfriend
+

“Distracted boyfriend” first entered the meme game in 2017, when a Turkish Facebook group used a stock photo of a man walking with a girl while checking out another girl to make a joke about Phil Collins. The meme continues to be relevant today while being used as inspiration for pop culture references, such as this recent one involving "Queer Eye's" Antoni Porowski, and new celebrity couple Kate Beckinsale and Pete Davidson at a New York Rangers game.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Expanding Brain
+

In 2017, when a number of posters on Tumblr and 4chan started bragging about their brain sizes, it quickly turned into a meme. Photos of different sized brains are paired with “smart” sounding words until they expand into a fully enlightened stage. One of the first manifestations of the “expanding brain” meme came from the who-whom-whomst progression of words that seemingly makes one sound smarter.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Change My Mind
+

After Steven Crowder, a conservative podcaster, posted a photo of himself in 2018 sitting at a desk with a sign saying “Male privilege is a myth: Change my mind,” it was almost too easy for the internet to begin making fun of him with memes of their own. Memes ranged from simply changing the words on the sign to elaborate photoshops.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Drake
+

Drake has been the subject of several different memes throughout his long career. His 2015 single “Hotline Bling” was one of the biggest songs of the year, and when the music video came out featuring Drake dancing in a brightly lit cube structure the memes began to accumulate even more. Since then the internet has memed everything from his Twitter posts to school portraits.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
This Is Fine
+

Taken out of a 2013 webcomic strip called “On Fire,” this image showing a human-like dog enjoying his coffee while his house is burning down has seemingly become more and more relatable every year. The image is rarely altered, simply attached to troubling or hard-to-grasp news.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Don't Say It
+

The “don't say it” meme details the relatable conversations people have between themselves and their brains, from bringing up awkward conversations topics to resisting “that's what she said” jokes. The first tweet with the meme showed up in 2010, but later resurfaced in 2017 and showed an inner struggle between whether or not to start a conversation with a taxi driver.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Handshake
+

The 1987 film “Predator” starring Arnold Schwarzenegger and Carl Weathers contained within it what could be the manliest handshake of all time, and in 2007 it began gaining traction on YouTube. After multiple videos and fan art paying tribute to the handshake became popular in the following years, object labeling memes using the handshake as a background to agreements began to arise in 2018.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+
+
+
+
+
+
Elon Musk
+

There have been several memes revolving around the tech entrepreneur Elon Musk throughout the years, especially following his Twitter request for “dank memes” in October 2018. One of the most popular Musk memes uses an image of the billionaire smoking during a podcast interview.

+
Rate this meme: +
+ + + + + + + + + + +
+
+
+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page5.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page5.html new file mode 100644 index 00000000..89435e1b --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page5.html @@ -0,0 +1,38 @@ + + + + What are Memes? + + + + + + +
+ +
+

What Are Memes?

+

+ A meme is an idea, behavior, or style that spreads by means of imitation from person to person within a culture—often with the aim of conveying a particular phenomenon, theme, or meaning represented by the meme. A meme acts as a unit for carrying cultural ideas, symbols, or practices, that can be transmitted from one mind to another through writing, speech, gestures, rituals, or other imitable phenomena with a mimicked theme. Supporters of the concept regard memes as cultural analogues to genes in that they self-replicate, mutate, and respond to selective pressures. + Proponents theorize that memes are a viral phenomenon that may evolve by natural selection in a manner analogous to that of biological evolution. Memes do this through the processes of variation, mutation, competition, and inheritance, each of which influences a meme's reproductive success. Memes spread through the behavior that they generate in their hosts. Memes that propagate less prolifically may become extinct, while others may survive, spread, and (for better or for worse) mutate. Memes that replicate most effectively enjoy more success, and some may replicate effectively even when they prove to be detrimental to the welfare of their hosts. + + A field of study called memetics arose in the 1990s to explore the concepts and transmission of memes in terms of an evolutionary model. Criticism from a variety of fronts has challenged the notion that academic study can examine memes empirically. However, developments in neuroimaging may make empirical study possible. Some commentators in the social sciences question the idea that one can meaningfully categorize culture in terms of discrete units, and are especially critical of the biological nature of the theory's underpinnings. Others have argued that this use of the term is the result of a misunderstanding of the original proposal. + + The word meme is a neologism coined by Richard Dawkins. It originated from Dawkins's 1976 book The Selfish Gene. Dawkins's own position is somewhat ambiguous: he welcomed N. K. Humphrey's suggestion that "memes should be considered as living structures, not just metaphorically" and proposed to regard memes as "physically residing in the brain". Later, he argued that his original intentions, presumably before his approval of Humphrey's opinion, had been simpler. +

+

+ © Jana Ristovska +

+
+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page6.html b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page6.html new file mode 100644 index 00000000..6e92cebf --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/HTML/Page6.html @@ -0,0 +1,38 @@ + + + + About Me + + + + + + +
+ +
+

About me

+

The Necklace is one of the best short stories. It revolves around the life of a clerk in the ministry of education and his extraordinarily beautiful wife, Mathilda. She borrows an expensive necklace from her friend for a ball but loses it when they are returning home. They, somehow, arrange to replace it after purchasing the original necklace with borrowed money and spend their lives in the struggle to pay back the loan. After several years, they met the same friend again. To their horror, she tells them that her necklace was fake.

+

Visit my personal pages and add me on social media

+
@ristovskajana

+ Jana Ristovska

+ jana.ristovska@ymail.com

+ @ristovska2001

+ +386 069 697 736

+ jana.ristovska7

+

+
+ +
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme1.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme1.jpg new file mode 100644 index 00000000..7ecbbdbe Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme1.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme10.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme10.jpg new file mode 100644 index 00000000..016f0c9d Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme10.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme2.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme2.jpg new file mode 100644 index 00000000..c6587730 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme2.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme3.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme3.jpg new file mode 100644 index 00000000..9a6b88e3 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme3.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme4.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme4.jpg new file mode 100644 index 00000000..1b6aae2d Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme4.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme5.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme5.jpg new file mode 100644 index 00000000..9fcf2ae8 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme5.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme6.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme6.jpg new file mode 100644 index 00000000..16fd60bc Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme6.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme7.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme7.jpg new file mode 100644 index 00000000..23a8df41 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme7.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme8.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme8.jpg new file mode 100644 index 00000000..f46dd6d9 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme8.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme9.jpg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme9.jpg new file mode 100644 index 00000000..27035372 Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/Meme9.jpg differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/instagram-brands.svg b/Student Works/ristovskajana/Assigments/5th Assigment/Images/instagram-brands.svg new file mode 100644 index 00000000..53ab3119 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/Images/instagram-brands.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/Images/spongebob.png b/Student Works/ristovskajana/Assigments/5th Assigment/Images/spongebob.png new file mode 100644 index 00000000..0c00d77c Binary files /dev/null and b/Student Works/ristovskajana/Assigments/5th Assigment/Images/spongebob.png differ diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form1.php b/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form1.php new file mode 100644 index 00000000..f15703f3 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form1.php @@ -0,0 +1,23 @@ + + + + Registration Form + + +Welcome, your submission has been confirmed +First name:
+Middle name: +Last name: +Your email address is: +Date of Birth: +Place if birth: +Gender: +Email adress: +Usrename: +Photo: +Favourite color: +Favorite animal: +Description of yourself: +Why you joined this page: + + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form2.php b/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form2.php new file mode 100644 index 00000000..85905a42 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/5th Assigment/PHP/form2.php @@ -0,0 +1,12 @@ + + + + Upoad a Meme + + + +Welcome, your submission has been confirmed +Title of the meme: +Picture of the meme: +Description of the meme: + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/6th Assigment/CSS/css.css b/Student Works/ristovskajana/Assigments/6th Assigment/CSS/css.css new file mode 100644 index 00000000..e29a2cb0 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/6th Assigment/CSS/css.css @@ -0,0 +1,355 @@ +* { + box-sizing: border-box; + font-family: Montserrat; +} + +html { + height: 100%; +} + +body { + margin: 0 auto; + height: 100%; + background-position:center; + background-size: contain; + font-size: 17px; +} + +header{ + width: 100%; + height: 14%; + margin: auto; +} + +footer{ + width: 100%; + height: 5%; +} + +h1 { + margin-left: 40px; + font-size:40px; + color: #00b300; + font-weight:bold; + font-family: Cursive; + margin-left:10px; +} + +h2 { + margin-left: 40px; + font-size:30px; + color: #ff9900; + margin-left:10px; +} + +h3{ + color: gray; + margin-left:10px; + margin-right: 50px; + font-size:23px; +} + +h4{ + color: #363636; + margin-left:10px; + margin-right: 50px; +} + +h5{ + color: black; + font-weight: bold; + font-size: 25px; +} + +p { + margin-left: 20px; +} + +p.what{ + margin-right: 80px; +} + +section { + margin-left: 10px; + height: 80%; +} + +nav { + float: left; + width: 13%; + height: 300px; + background: white; + padding: 20px; + margin: 40px auto; + margin-top: 0px; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0 auto; + width: 130px; +} + +ul.spongebob { + list-style-image: url('spongebob.png'); +} + +nav ul li { + width: 100%; + margin: 10px 0; + padding: 0; + background-color: #ff9900; +} + +nav ul li.active { + background-color: #00b300; +} + +nav ul li:hover { + background-color: #00b300; +} + +nav ul li a { + display: block; + margin: 0 auto; + padding: 10px; + color: white; + font-size: 18px; + background-color: #4d4d4d; + text-decoration: none; + width: 75%; +} + +nav ul li a.active { + color: #ff9900; + pointer-events: none; + cursor: default; + +} + +nav ul li a:hover { + color: #ff9900; +} + +div{ + display: block; +} + +div.info { + padding: 10px; + font-size: 20px; +} + +article { + float: left; + padding: 10px; + width: 87%; + height: 100%; + background-color: white; + background-attachment: scroll; + overflow: auto; +} + +div.cas{ + width: 80%; +} + +button{ + color: black; + float: left; + padding: 8px 16px; + text-decoration: none; +} + +button.submit { + background-color: #00b300; + color: white; + border-radius: 5px; +} + +button.reset { + background-color: #4d4d4d; + color: #ff9900; + border-radius: 5px; +} + +div.pagination { + display: inline-block; +} + +div.pagination a { + color: black; + float: left; + padding: 8px 16px; + text-decoration: none; +} + +div.pagination a.pan { + background-color: #00b300; + color: white; + border-radius: 5px; +} + +div.pagination a:hover:not(.pan) { + background-color: #ddd; + border-radius: 5px; +} + +div.legend { + float: left; + height: 40px; + border: 1px solid black; + border-collapse: collapse; + border-right: none; +} + +div.image { + float: left; + height: 40px; + width: 38.5%; + color: #ff9900; + font-size: 20px; + text-align: center; + border: 1px solid black; + border-collapse: collapse; +} + +div.name { + border: 1px solid black; + height: 40px; + width: 100%; + color: #ff9900; + font-size: 20px; + text-align: center; + border-collapse: collapse; + border-right: none; +} + +div.image:hover , div.name:hover{ + color: #00b300; +} + +div.meme { + float: left; + height: 400px; + border: 1px solid white; + border-collapse: collapse; + border-right: none; +} + +div.memetitle:hover { + color: #ff9900; +} + +div.column1 { + float: left; + width: 38.5%; + height: 100%; + border: 1px solid black; + border-collapse: collapse; +} + +img { + max-width: 100%; + height:auto; + width: 500px; + height: 400px; + border-radius: 5%; + +} + +div.memecolumn2 { + border: 1px solid black; + height: 400px; + width: 100%; + border-collapse: collapse; + border-right: none; + border-top: none; +} + +div.memetitle { + height: 10%; + font-size: 20px; + padding: 1px; + font-family: cursive; + color: #00b300; + border: 1px solid black; + border-collapse: collapse; + border-right: none; +} + +div.Description { + height: 80%; + font-size: 17px; +} + +div.rates { + height: 10%; + border: 1px solid black; + font-size: 20px; + border-collapse: collapse; + border-right: none; +} + +.checked { + color: orange; +} +.ratem { + float: right; + height: 12px; + padding: 0 10px; + background: white; + +} + +.ratem:not(:checked) > input { + position:absolute; + top:-9999px; +} + +.ratem:not(:checked) > label { + float:right; + width:1em; + overflow:hidden; + white-space:nowrap; + cursor:pointer; + font-size:30px; + color:#ccc; +} + +.ratem:not(:checked) > label:before { + content: '★ '; +} + +.ratem > input:checked ~ label { + color: #ffc700; +} + +.ratem:not(:checked) > label:hover, .ratem:not(:checked) > label:hover ~ label { + color: #deb217; +} + +.ratem > input:checked + label:hover, +.ratem > input:checked + label:hover ~ label, +.ratem > input:checked ~ label:hover, +.ratem > input:checked ~ label:hover ~ label, +.ratem > label:hover ~ input:checked ~ label { + color: #c59b08; +} + +@media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } + div.column1, div.memecolumn2{ + width: 100%; + height: auto; + } + div.image, div.name{ + width: 100%; + height: auto; + } +} diff --git a/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page1.html b/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page1.html new file mode 100644 index 00000000..0b7d0ec2 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page1.html @@ -0,0 +1,83 @@ + + + + Home Page + + + + + + + + + +
+

Meme Gallery

+

The largest collection of Memes in the interweb

+
+
+ +
+

In this site, we allow you to check out the different memes that have been featured across history.

+
    +
  • To know more about memes, click What are memes?

  • +
  • To see memes, check out Gallery

  • +
  • If you want to contrinute to the meme world you need to Sing in

  • +
  • And then you can Upload a meme

  • +
  • To see more about this comunity click here

  • +
+
+ +
+ +
+
+

+ © Jana Ristovska +

+
+ + \ No newline at end of file diff --git a/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page2.html b/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page2.html new file mode 100644 index 00000000..f72544b2 --- /dev/null +++ b/Student Works/ristovskajana/Assigments/6th Assigment/HTML/Page2.html @@ -0,0 +1,71 @@ + + + + Page2 + + + + + + + + +
+

Form of personal info

+

You can sign in below

+
+
+ +
+
+
+ Personal info + First name:

+ Middle name:

+ Last name:

+ Date od birth:

+ Gender:
+
+
+

+ Place of Birth:

+
+
+ More info + Email:

+ Confirm Email addres:

+ Username:

+ Choose a password:

+ Upload your photo (optional):

+
+
+ About you + Favourite colour:

+ Favourite animal:

+ Describe yourself:

+ +

+ Reason for joining this meme page:


+
+
+ Submit your info + + +
+
+
+
+