diff --git a/Student Works/FiSpro/Assignments/Homework1/commands.html b/Student Works/FiSpro/Assignments/Homework1/commands.html new file mode 100644 index 00000000..12c4c5da --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework1/commands.html @@ -0,0 +1,36 @@ + + + Commands Used + + + +

Commands Used

+
 
+      man : Used to show the manual of any command.
+
+      ls : To get the list of all the files or folders.
+
+      cd : Used to change the directory.
+
+      cd .. : Used to move up to one directory.
+
+      pwd : Show the present working directory.
+
+      clear: Clear the terminal.
+
+      cat:The cat command is very helpful when dealing with text files in Linux.
+          It helps you in achieving three basic purposes:
+             - Creating a text file
+             - Printing contents of a text file in your Terminal
+      
+      touch : Another way of quickly creating a text file is by using the touch command. 
+
+      mkdir : Used to create a directory if not already exist.
+
+      cp : This command will copy the files and directories from source path to destination path.
+
+      mv : Used to move the files or directories.
+
+      rm : Used to remove files or directories.
+      
+ \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework1/memories.jpg b/Student Works/FiSpro/Assignments/Homework1/memories.jpg new file mode 100644 index 00000000..33fc38fc Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/memories.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework1/page1.html b/Student Works/FiSpro/Assignments/Homework1/page1.html new file mode 100644 index 00000000..519483ce --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework1/page1.html @@ -0,0 +1,38 @@ + + + Homework 1 + + + +

Presentation of poems

+
+ +

Be proud of who you are

+

Author
+ S Raine +

+

Description

+ +



+ I am unique. I try to instill in my daughters that we all are unique.
+ Find yourself and be proud of who you are. +





+
+ +

Memories

+

Author
+ Jane Kim +

+

Description

+ +


+ This poem is about all our memories being there for us when we want to remember.
+ Although memories may fade away, they are never gone. Some are pushed to the side,
+ so we may remember them in the future. +



+

+ Commands Used + + + + diff --git a/Student Works/FiSpro/Assignments/Homework1/page2.html b/Student Works/FiSpro/Assignments/Homework1/page2.html new file mode 100644 index 00000000..23cd7bf8 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework1/page2.html @@ -0,0 +1,24 @@ + + + Poem 2 + + + +

Memories

+

Author
+ + Jane Kim

+

Memories in my life fade away
+ As I replace them with others.
+ They are forgotten and stored away.
+ Although the memories are pushed to the side,
+ They are safe so I may remember them in the future.
+ Our mind is like a book;

+

It writes down important things and keeps them between the pages forever.
+ Maybe our whole album of memories:
+ Our first steps, first love, first grief, and others
+ Were meant to be there for us to never forget.

+
+ + + diff --git a/Student Works/FiSpro/Assignments/Homework1/page2a.jpg b/Student Works/FiSpro/Assignments/Homework1/page2a.jpg new file mode 100644 index 00000000..00c69128 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/page2a.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework1/page2b.jpg b/Student Works/FiSpro/Assignments/Homework1/page2b.jpg new file mode 100644 index 00000000..d14299aa Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/page2b.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework1/poem1.html b/Student Works/FiSpro/Assignments/Homework1/poem1.html new file mode 100644 index 00000000..cf75ca53 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework1/poem1.html @@ -0,0 +1,27 @@ + + + Poem 1 + + + +

Be Proud of Who You Are

+

Author
+ + S Raine

+

I come with no wrapping or pretty pink bows.
+ I am who I am, from my head to my toes.
+ I tend to get loud when speaking my mind.
+ Even a little crazy some of the time.
+ I'm not a size 5 and don't care to be.
+ You can be you and I can be me.

+ +


I try to stay strong when pain knocks me down.
+ And the times that I cry are when no one's around.
+ To error is human or so that's what they say.
+ Well, tell me who's perfect anyway.


+
+ + + + + diff --git a/Student Works/FiSpro/Assignments/Homework1/poem1a.jpg b/Student Works/FiSpro/Assignments/Homework1/poem1a.jpg new file mode 100644 index 00000000..a9d94f74 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/poem1a.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework1/poem1b.jpg b/Student Works/FiSpro/Assignments/Homework1/poem1b.jpg new file mode 100644 index 00000000..86927f5b Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/poem1b.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework1/proud.jpg b/Student Works/FiSpro/Assignments/Homework1/proud.jpg new file mode 100644 index 00000000..1a8c8c9d Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework1/proud.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework2/dr.jpg b/Student Works/FiSpro/Assignments/Homework2/dr.jpg new file mode 100644 index 00000000..5b0f2ed1 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework2/dr.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework2/index.html b/Student Works/FiSpro/Assignments/Homework2/index.html new file mode 100644 index 00000000..46df16e8 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework2/index.html @@ -0,0 +1,76 @@ + + + Assingment 2 + + + +
+

Dr. Norman Borlaug

+
+

The man who saved a bilion 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 - part of his life-long war on hunger.

+ +
+
+
+

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

+

+ +

"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."

+

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


+ + diff --git a/Student Works/FiSpro/Assignments/Homework3/adopt.png b/Student Works/FiSpro/Assignments/Homework3/adopt.png new file mode 100644 index 00000000..8d00c4f4 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework3/adopt.png differ diff --git a/Student Works/FiSpro/Assignments/Homework3/gallery.html b/Student Works/FiSpro/Assignments/Homework3/gallery.html new file mode 100644 index 00000000..847d2cab --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework3/gallery.html @@ -0,0 +1,124 @@ + + + Meme Homepage + + + + +
+ +
+

Browse memes

+

Check out the description of each meme below +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Success Kid
Original Claim to Fame: Aaah, Success Kid. This little dude originally gained internet fame when his mother, Laney Griner, posted a photo to her Flickr account as well as Getty Images in 2007. The photo pictured her then 11 mo. old son Sammy on a beach, clutching a fist full of sand. The image soon spread throughout the web, often accompanied by captions reflecting sentiments of either success or frustration (he's also commonly known as 'I Hate Sandcastles Kid).
Carly Rae Jepsen's 'Call Me Maybe' for Adoption Advocate Anthony Rubio
Marketing Claim to Fame: Playing off the business card meme, pet adoption advocate Anthony Rubio posted a picture to his account on photo sharing site imgur.com. The picture, which features Rubio's two chihuahuas, Bogie and Kima, and Bogie holding a business card in his mouth reading "Adopt Me, Maybe?" has generated 370,000 views since it was posted ... which was just several days ago. Rubio's goal is to encourage prospective dog owners to adopt instead of purchasing their four-legged friends from a pet store.
'Y U NO' Guy for HipChat
Original Claim to Fame: As one of the most recognized characters in 'Rage Comics,' 'Y U NO' Guy has become a prominent internet meme used often in meme generators, embodying SMS shorthand and improper grammar as a form of interrogation. 'Y U NO' Guy bears an enraged facial expression on his stick-figure body, and is thought to originate from Gantz, a Japanese sci-fi manga/anime series.
The Most Interesting Man in the World (And Others) for SEOmoz
Marketing Claim to Fame: When SEOmoz announced its Series B round of VC funding in May, you can bet it wasn't going to do it by way of the normal, run-of-the-mill press release. Instead, SEOmoz made its announcement with the aid of a series of popular internet memes. The result? A bunch of media coverage (and quite a bit of admiration from us folks at HubSpot -- and likely elsewhere). +
What People Think I Do/What I Really Do" Meme for HubSpot
Original Claim to Fame: Finding its way into (and bombarding) the news feeds of Facebook users everywhere in February 2012, the 'What People Think I Do/What I Really Do' meme consists of a series of visual, 2-row charts echoing the two points of view (the common, stereotypical impression of others; and the self-image of the creator) of a particular occupation or expertise. +
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework3/homepage.html b/Student Works/FiSpro/Assignments/Homework3/homepage.html new file mode 100644 index 00000000..c1cf6ff0 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework3/homepage.html @@ -0,0 +1,66 @@ + + + Meme Homepage + + + + +
+ +
+

Meme Gallery

+

The largest collection of memes in the interwebs

+

+ 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.

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework3/kid.png b/Student Works/FiSpro/Assignments/Homework3/kid.png new file mode 100644 index 00000000..a02079f8 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework3/kid.png differ diff --git a/Student Works/FiSpro/Assignments/Homework3/man.jpg b/Student Works/FiSpro/Assignments/Homework3/man.jpg new file mode 100644 index 00000000..ff8d490b Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework3/man.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework3/what.html b/Student Works/FiSpro/Assignments/Homework3/what.html new file mode 100644 index 00000000..4686a327 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework3/what.html @@ -0,0 +1,65 @@ + + + Meme Homepage + + + + +
+ +
+

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. + +The word meme was coined by Richard Dawkins in his 1976 book The Selfish Gene as an attempt to explain how ideas replicate, mutate and evolve (memetics). The concept of the Internet meme was first proposed by Mike Godwin in the June 1993 issue of Wired. In 2013, Dawkins characterized an Internet meme as being a meme deliberately altered by human creativity—distinguished from biological genes and his own pre-Internet concept of a meme, which involved mutation by random change and spreading through accurate replication as in Darwinian selection. Dawkins explained that Internet memes are thus a "hijacking of the original idea", the very idea of a meme having mutated and evolved in this new direction. Furthermore, Internet memes carry an additional property that ordinary memes do not: Internet memes leave a footprint in the media through which they propagate (for example, social networks) that renders them traceable and analyzable.

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework3/what.webp b/Student Works/FiSpro/Assignments/Homework3/what.webp new file mode 100644 index 00000000..9d7734fb Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework3/what.webp differ diff --git a/Student Works/FiSpro/Assignments/Homework3/yuno.png b/Student Works/FiSpro/Assignments/Homework3/yuno.png new file mode 100644 index 00000000..c78ca309 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework3/yuno.png differ diff --git a/Student Works/FiSpro/Assignments/Homework4/adopt.png b/Student Works/FiSpro/Assignments/Homework4/adopt.png new file mode 100644 index 00000000..8d00c4f4 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework4/adopt.png differ diff --git a/Student Works/FiSpro/Assignments/Homework4/homepage.html b/Student Works/FiSpro/Assignments/Homework4/homepage.html new file mode 100644 index 00000000..1e8cc9ab --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework4/homepage.html @@ -0,0 +1,47 @@ + + + Home Page + + + +

Home Page

+
+ + + + + + + + + + + + + +
Home Page
Register
Upload meme
Rate a meme
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework4/kid.png b/Student Works/FiSpro/Assignments/Homework4/kid.png new file mode 100644 index 00000000..a02079f8 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework4/kid.png differ diff --git a/Student Works/FiSpro/Assignments/Homework4/man.jpg b/Student Works/FiSpro/Assignments/Homework4/man.jpg new file mode 100644 index 00000000..ff8d490b Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework4/man.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework4/page3.html b/Student Works/FiSpro/Assignments/Homework4/page3.html new file mode 100644 index 00000000..b763ace1 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework4/page3.html @@ -0,0 +1,8 @@ + + + Successful submition + + +

Your submition has been received :)

+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework4/rate.html b/Student Works/FiSpro/Assignments/Homework4/rate.html new file mode 100644 index 00000000..abb9a0ae --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework4/rate.html @@ -0,0 +1,114 @@ + + + Rate + + + +

Rate memes here

+
+
+ + + + + + + + + + + + + +
Home Page
Register
Upload meme
Rate a meme
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description

Rate:
+ + + + + + + + + +
Success Kid
Original Claim to Fame: Aaah, Success Kid. This little dude originally gained internet fame when his mother, Laney Griner, posted a photo to her Flickr account as well as Getty Images in 2007. The photo pictured her then 11 mo. old son Sammy on a beach, clutching a fist full of sand. The image soon spread throughout the web, often accompanied by captions reflecting sentiments of either success or frustration (he's also commonly known as 'I Hate Sandcastles Kid).

Rate:
+ + + + + + + + +
Carly Rae Jepsen's 'Call Me Maybe' for Adoption Advocate Anthony Rubio
Marketing Claim to Fame: Playing off the business card meme, pet adoption advocate Anthony Rubio posted a picture to his account on photo sharing site imgur.com. The picture, which features Rubio's two chihuahuas, Bogie and Kima, and Bogie holding a business card in his mouth reading "Adopt Me, Maybe?" has generated 370,000 views since it was posted ... which was just several days ago. Rubio's goal is to encourage prospective dog owners to adopt instead of purchasing their four-legged friends from a pet store.

Rate:
+ + + + + + + + +
'Y U NO' Guy for HipChat
Original Claim to Fame: As one of the most recognized characters in 'Rage Comics,' 'Y U NO' Guy has become a prominent internet meme used often in meme generators, embodying SMS shorthand and improper grammar as a form of interrogation. 'Y U NO' Guy bears an enraged facial expression on his stick-figure body, and is thought to originate from Gantz, a Japanese sci-fi manga/anime series.
+
+ +
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework4/register.html b/Student Works/FiSpro/Assignments/Homework4/register.html new file mode 100644 index 00000000..e7ff3ab2 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework4/register.html @@ -0,0 +1,102 @@ + + + Register Account + + + +

Register Account

+
+
+ + + + + + + + + + + + + +
Home Page
Register
Upload meme
Rate a meme
+
+
+
+ Personal Info: + + +
+ + +
+ + +
+
+
+ Demographic Info: + Gender: +
+ + + + +
+
+ + +
+ + +
+
+ + +
+ + +
+ + +
+ + +
+ + +

+ Why do you want to join? +
+ +

+ + +

+ +
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework4/upload.html b/Student Works/FiSpro/Assignments/Homework4/upload.html new file mode 100644 index 00000000..5f77887e --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework4/upload.html @@ -0,0 +1,62 @@ + + + Upload + + + +

Upload a meme

+
+
+ + + + + + + + + + + + + +
Home Page
Register
Upload meme
Rate a meme
+
+
+ + +

+ Enter description for your meme: +

+ +

+ +
+ +

+ +
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework4/what.webp b/Student Works/FiSpro/Assignments/Homework4/what.webp new file mode 100644 index 00000000..9d7734fb Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework4/what.webp differ diff --git a/Student Works/FiSpro/Assignments/Homework4/yuno.png b/Student Works/FiSpro/Assignments/Homework4/yuno.png new file mode 100644 index 00000000..c78ca309 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework4/yuno.png differ diff --git a/Student Works/FiSpro/Assignments/Homework5/about.html b/Student Works/FiSpro/Assignments/Homework5/about.html new file mode 100644 index 00000000..e441f52b --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/about.html @@ -0,0 +1,42 @@ + + + About Us + + + + +
+ +
+

About Us

+

This is just a group of people who appreciate good memes and want to share them with the world
+ Admins of the page:
John Johnson, 22 year old information technology student.
+ Sara Colins, 21 year old web-desing student.
+ Have fun and enjoy our webpage. If you have any question, please contact us on: memes@gmail.com
+ © Meme Corporation +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/adopt.png b/Student Works/FiSpro/Assignments/Homework5/adopt.png new file mode 100644 index 00000000..8d00c4f4 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/adopt.png differ diff --git a/Student Works/FiSpro/Assignments/Homework5/gallery.html b/Student Works/FiSpro/Assignments/Homework5/gallery.html new file mode 100644 index 00000000..794c2bc1 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/gallery.html @@ -0,0 +1,165 @@ + + + Meme Homepage + + + + +
+ +
+

Browse memes

+

Check out the description of each meme below +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Success Kid
Original Claim to Fame: Aaah, Success Kid. This little dude originally gained internet fame when his mother, Laney Griner, posted a photo to her Flickr account as well as Getty Images in 2007. The photo pictured her then 11 mo. old son Sammy on a beach, clutching a fist full of sand. The image soon spread throughout the web, often accompanied by captions reflecting sentiments of either success or frustration (he's also commonly known as 'I Hate Sandcastles Kid).
+ Rate:
+ + + + + + + + + +
Carly Rae Jepsen's 'Call Me Maybe' for Adoption Advocate Anthony Rubio
Marketing Claim to Fame: Playing off the business card meme, pet adoption advocate Anthony Rubio posted a picture to his account on photo sharing site imgur.com. The picture, which features Rubio's two chihuahuas, Bogie and Kima, and Bogie holding a business card in his mouth reading "Adopt Me, Maybe?" has generated 370,000 views since it was posted ... which was just several days ago. Rubio's goal is to encourage prospective dog owners to adopt instead of purchasing their four-legged friends from a pet store.
+ Rate:
+ + + + + + + + + +
'Y U NO' Guy for HipChat
Original Claim to Fame: As one of the most recognized characters in 'Rage Comics,' 'Y U NO' Guy has become a prominent internet meme used often in meme generators, embodying SMS shorthand and improper grammar as a form of interrogation. 'Y U NO' Guy bears an enraged facial expression on his stick-figure body, and is thought to originate from Gantz, a Japanese sci-fi manga/anime series.
+ Rate:
+ + + + + + + + + +
The Most Interesting Man in the World (And Others) for SEOmoz
Marketing Claim to Fame: When SEOmoz announced its Series B round of VC funding in May, you can bet it wasn't going to do it by way of the normal, run-of-the-mill press release. Instead, SEOmoz made its announcement with the aid of a series of popular internet memes. The result? A bunch of media coverage (and quite a bit of admiration from us folks at HubSpot -- and likely elsewhere). +
+ Rate:
+ + + + + + + + + +
What People Think I Do/What I Really Do" Meme for HubSpot
Original Claim to Fame: Finding its way into (and bombarding) the news feeds of Facebook users everywhere in February 2012, the 'What People Think I Do/What I Really Do' meme consists of a series of visual, 2-row charts echoing the two points of view (the common, stereotypical impression of others; and the self-image of the creator) of a particular occupation or expertise. +
+ Rate:
+ + + + + + + + + +
+

+ +
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/homepage.html b/Student Works/FiSpro/Assignments/Homework5/homepage.html new file mode 100644 index 00000000..f2c44c9e --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/homepage.html @@ -0,0 +1,54 @@ + + + Meme Homepage + + + + +
+ +
+

Meme Gallery

+

The largest collection of memes in the interwebs

+

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

+

    +
  • What are memes?

    + Memes are pictures with funny text on them.
  • +
  • Gallery

    + Here you can find some memes and also vote for them, with grade from 1 to 5.
  • +
  • Register

    + Here you can register your own account and be able to post your own memes.
  • +
  • Upload

    + Here you can upload your own memes, but first you need to be registered in the form above.
  • +
  • About us

    + Here are some information about the admins of this page and contact in case of any questions.
  • +
+

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/index.png b/Student Works/FiSpro/Assignments/Homework5/index.png new file mode 100644 index 00000000..32f2ddf1 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/index.png differ diff --git a/Student Works/FiSpro/Assignments/Homework5/kid.png b/Student Works/FiSpro/Assignments/Homework5/kid.png new file mode 100644 index 00000000..a02079f8 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/kid.png differ diff --git a/Student Works/FiSpro/Assignments/Homework5/man.jpg b/Student Works/FiSpro/Assignments/Homework5/man.jpg new file mode 100644 index 00000000..ff8d490b Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/man.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework5/register.html b/Student Works/FiSpro/Assignments/Homework5/register.html new file mode 100644 index 00000000..158232ea --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/register.html @@ -0,0 +1,90 @@ + + + Register Account + + + + +
+ +
+

Registration form

+
+
+ Personal Info + + +
+ + +
+ + +
+ Gender: +
+ + + + +
+
+ + +
+ + +
+
+
+ Login Info + + +
+ + +
+ + +
+ + +
+ + +

+ Why do you want to join? +
+ +

+ + +

+ +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/style.css b/Student Works/FiSpro/Assignments/Homework5/style.css new file mode 100644 index 00000000..4aa78345 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/style.css @@ -0,0 +1,97 @@ + * { + box-sizing: border-box; /* changes the layout of the page */ +} + +table.nav, a { + /* this is for the class nav for the table and for the links to the other pages */ + width: 30%; + margin: auto; + background-color: gray; + color: white; + font-family: sans-serif; + text-decoration: none; + } + +table.nav, td.n { + /* this is for the nav class for the table and the data that is in the rows */ + border: 6px solid darkorange; + } + +table.meme { + /* this is for the meme class table. This is the main table with pictures */ + width: 100%; + margin: auto; + color: darkorange; + font-family: sans-serif; + text-align: center; + } + +table.meme, td{ + /* this is for the meme class for the table and the data that is in the rows */ + border: 1px solid black; + } +td.header { + color: darkorange; +} + +td.g { + color: gray; +} + +a.name { + color: green; +} + +a.name:hover { + color: orange; +} + +ul.list { + list-style-image: url(index.png); + margin-left: 40; + padding: 0; +} + +h1 { + color: darkorange; + font-family: sans-serif; + font-size: 30px; + position: sticky; +} + +h1.home { + color: green; + font-family: cursive; + font-size: 50px; +} + +p.h { + color: gray; + font-family: sans-serif; +} + +h3 { + color: gray; +} + +nav { + /* this is for the nav section. We set the layout for this part of the code. */ + float: left; + width: 30%; + height: 300px; + padding: 40px; +} + +article { + /* this is for the article section. We set the layout for this part of the code */ + float: left; + width: 70%; + height: 300px; + } +/* this is for the page to be responsive */ + @media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } + } \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/upload.html b/Student Works/FiSpro/Assignments/Homework5/upload.html new file mode 100644 index 00000000..c04421c3 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/upload.html @@ -0,0 +1,53 @@ + + + Upload + + + + +
+ +
+

Upload a meme

+
+
+ Meme info + + +

+ Enter description for your meme: +

+ +

+ +
+ +

+ +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/what.html b/Student Works/FiSpro/Assignments/Homework5/what.html new file mode 100644 index 00000000..2fc386d8 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework5/what.html @@ -0,0 +1,42 @@ + + + Meme Homepage + + + + +
+ +
+

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. + +The word meme was coined by Richard Dawkins in his 1976 book The Selfish Gene as an attempt to explain how ideas replicate, mutate and evolve (memetics). The concept of the Internet meme was first proposed by Mike Godwin in the June 1993 issue of Wired. In 2013, Dawkins characterized an Internet meme as being a meme deliberately altered by human creativity—distinguished from biological genes and his own pre-Internet concept of a meme, which involved mutation by random change and spreading through accurate replication as in Darwinian selection. Dawkins explained that Internet memes are thus a "hijacking of the original idea", the very idea of a meme having mutated and evolved in this new direction. Furthermore, Internet memes carry an additional property that ordinary memes do not: Internet memes leave a footprint in the media through which they propagate (for example, social networks) that renders them traceable and analyzable.

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework5/what.webp b/Student Works/FiSpro/Assignments/Homework5/what.webp new file mode 100644 index 00000000..9d7734fb Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/what.webp differ diff --git a/Student Works/FiSpro/Assignments/Homework5/yuno.png b/Student Works/FiSpro/Assignments/Homework5/yuno.png new file mode 100644 index 00000000..c78ca309 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework5/yuno.png differ diff --git a/Student Works/FiSpro/Assignments/Homework6/about.html b/Student Works/FiSpro/Assignments/Homework6/about.html new file mode 100644 index 00000000..9d22b3f6 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/about.html @@ -0,0 +1,42 @@ + + + About Us + + + + +
+ +
+

About Us

+

This is just a group of people who appreciate good memes and want to share them with the world
+ Admins of the page:
John Johnson, 22 year old information technology student.
+ Sara Colins, 21 year old web-desing student.
+ Have fun and enjoy our webpage. If you have any question, please contact us on: memes@gmail.com
+ © Meme Corporation +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/adopt.png b/Student Works/FiSpro/Assignments/Homework6/adopt.png new file mode 100644 index 00000000..8d00c4f4 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/adopt.png differ diff --git a/Student Works/FiSpro/Assignments/Homework6/gallery.html b/Student Works/FiSpro/Assignments/Homework6/gallery.html new file mode 100644 index 00000000..083abe67 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/gallery.html @@ -0,0 +1,165 @@ + + + Meme Homepage + + + + +
+ +
+

Browse memes

+

Check out the description of each meme below +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ImageName and Description
Success Kid
Original Claim to Fame: Aaah, Success Kid. This little dude originally gained internet fame when his mother, Laney Griner, posted a photo to her Flickr account as well as Getty Images in 2007. The photo pictured her then 11 mo. old son Sammy on a beach, clutching a fist full of sand. The image soon spread throughout the web, often accompanied by captions reflecting sentiments of either success or frustration (he's also commonly known as 'I Hate Sandcastles Kid).
+ Rate:
+ + + + + + + + + +
Carly Rae Jepsen's 'Call Me Maybe' for Adoption Advocate Anthony Rubio
Marketing Claim to Fame: Playing off the business card meme, pet adoption advocate Anthony Rubio posted a picture to his account on photo sharing site imgur.com. The picture, which features Rubio's two chihuahuas, Bogie and Kima, and Bogie holding a business card in his mouth reading "Adopt Me, Maybe?" has generated 370,000 views since it was posted ... which was just several days ago. Rubio's goal is to encourage prospective dog owners to adopt instead of purchasing their four-legged friends from a pet store.
+ Rate:
+ + + + + + + + + +
'Y U NO' Guy for HipChat
Original Claim to Fame: As one of the most recognized characters in 'Rage Comics,' 'Y U NO' Guy has become a prominent internet meme used often in meme generators, embodying SMS shorthand and improper grammar as a form of interrogation. 'Y U NO' Guy bears an enraged facial expression on his stick-figure body, and is thought to originate from Gantz, a Japanese sci-fi manga/anime series.
+ Rate:
+ + + + + + + + + +
The Most Interesting Man in the World (And Others) for SEOmoz
Marketing Claim to Fame: When SEOmoz announced its Series B round of VC funding in May, you can bet it wasn't going to do it by way of the normal, run-of-the-mill press release. Instead, SEOmoz made its announcement with the aid of a series of popular internet memes. The result? A bunch of media coverage (and quite a bit of admiration from us folks at HubSpot -- and likely elsewhere). +
+ Rate:
+ + + + + + + + + +
What People Think I Do/What I Really Do" Meme for HubSpot
Original Claim to Fame: Finding its way into (and bombarding) the news feeds of Facebook users everywhere in February 2012, the 'What People Think I Do/What I Really Do' meme consists of a series of visual, 2-row charts echoing the two points of view (the common, stereotypical impression of others; and the self-image of the creator) of a particular occupation or expertise. +
+ Rate:
+ + + + + + + + + +
+

+ +
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/homepage.html b/Student Works/FiSpro/Assignments/Homework6/homepage.html new file mode 100644 index 00000000..3b684c13 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/homepage.html @@ -0,0 +1,54 @@ + + + Meme Homepage + + + + +
+ +
+

Meme Gallery

+

The largest collection of memes in the interwebs

+

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

+

    +
  • What are memes?

    + Memes are pictures with funny text on them.
  • +
  • Gallery

    + Here you can find some memes and also vote for them, with grade from 1 to 5.
  • +
  • Register

    + Here you can register your own account and be able to post your own memes.
  • +
  • Upload

    + Here you can upload your own memes, but first you need to be registered in the form above.
  • +
  • About us

    + Here are some information about the admins of this page and contact in case of any questions.
  • +
+

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/index.png b/Student Works/FiSpro/Assignments/Homework6/index.png new file mode 100644 index 00000000..32f2ddf1 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/index.png differ diff --git a/Student Works/FiSpro/Assignments/Homework6/kid.png b/Student Works/FiSpro/Assignments/Homework6/kid.png new file mode 100644 index 00000000..a02079f8 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/kid.png differ diff --git a/Student Works/FiSpro/Assignments/Homework6/man.jpg b/Student Works/FiSpro/Assignments/Homework6/man.jpg new file mode 100644 index 00000000..ff8d490b Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/man.jpg differ diff --git a/Student Works/FiSpro/Assignments/Homework6/register.html b/Student Works/FiSpro/Assignments/Homework6/register.html new file mode 100644 index 00000000..4eb2c040 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/register.html @@ -0,0 +1,90 @@ + + + Register Account + + + + +
+ +
+

Registration form

+
+
+ Personal Info + + +
+ + +
+ + +
+ Gender: +
+ + + + +
+
+ + +
+ + +
+
+
+ Login Info + + +
+ + +
+ + +
+ + +
+ + +

+ Why do you want to join? +
+ +

+ + +

+ +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/style.css b/Student Works/FiSpro/Assignments/Homework6/style.css new file mode 100644 index 00000000..24b4f02a --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/style.css @@ -0,0 +1,106 @@ + * { + box-sizing: border-box; /* changes the layout of the page */ +} + +table.nav, a { + /* this is for the class nav for the table and for the links to the other pages */ + width: 30%; + margin: auto; + background-color: gray; + color: white; + font-family: sans-serif; + text-decoration: none; + } + +table.nav, td.n { + /* this is for the nav class for the table and the data that is in the rows */ + border: 6px solid darkorange; + } + +table.meme { + /* this is for the meme class table. This is the main table with pictures */ + width: 100%; + margin: auto; + color: darkorange; + font-family: sans-serif; + text-align: center; + } + +table.meme, td{ + /* this is for the meme class for the table and the data that is in the rows */ + border: 1px solid black; + } +td.header { + color: darkorange; +} + +td.g { + color: gray; +} + +a.name { + color: green; +} + +a.name:hover { + color: orange; +} + +a.menu:hover { + color: hotpink; +} + +td.active { + border: 6px solid darkgreen; + background-color: darkgreen; +} + +ul.list { + list-style-image: url(index.png); + margin-left: 40; + padding: 0; +} + +h1 { + color: darkorange; + font-family: sans-serif; + font-size: 30px; + position: sticky; +} + +h1.home { + color: green; + font-family: cursive; + font-size: 50px; +} + +p.h { + color: gray; + font-family: sans-serif; +} + +h3 { + color: gray; +} + +nav { + /* this is for the nav section. We set the layout for this part of the code. */ + float: left; + width: 30%; + height: 300px; + padding: 40px; +} + +article { + /* this is for the article section. We set the layout for this part of the code */ + float: left; + width: 70%; + height: 300px; + } +/* this is for the page to be responsive */ + @media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } + } \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/upload.html b/Student Works/FiSpro/Assignments/Homework6/upload.html new file mode 100644 index 00000000..0e3decd0 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/upload.html @@ -0,0 +1,53 @@ + + + Upload + + + + +
+ +
+

Upload a meme

+
+
+ Meme info + + +

+ Enter description for your meme: +

+ +

+ +
+ +

+ +
+
+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/what.html b/Student Works/FiSpro/Assignments/Homework6/what.html new file mode 100644 index 00000000..ac115665 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework6/what.html @@ -0,0 +1,42 @@ + + + Meme Homepage + + + + +
+ +
+

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. + +The word meme was coined by Richard Dawkins in his 1976 book The Selfish Gene as an attempt to explain how ideas replicate, mutate and evolve (memetics). The concept of the Internet meme was first proposed by Mike Godwin in the June 1993 issue of Wired. In 2013, Dawkins characterized an Internet meme as being a meme deliberately altered by human creativity—distinguished from biological genes and his own pre-Internet concept of a meme, which involved mutation by random change and spreading through accurate replication as in Darwinian selection. Dawkins explained that Internet memes are thus a "hijacking of the original idea", the very idea of a meme having mutated and evolved in this new direction. Furthermore, Internet memes carry an additional property that ordinary memes do not: Internet memes leave a footprint in the media through which they propagate (for example, social networks) that renders them traceable and analyzable.

+ © Filip Sprostran +

+
+
+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework6/what.webp b/Student Works/FiSpro/Assignments/Homework6/what.webp new file mode 100644 index 00000000..9d7734fb Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/what.webp differ diff --git a/Student Works/FiSpro/Assignments/Homework6/yuno.png b/Student Works/FiSpro/Assignments/Homework6/yuno.png new file mode 100644 index 00000000..c78ca309 Binary files /dev/null and b/Student Works/FiSpro/Assignments/Homework6/yuno.png differ diff --git a/Student Works/FiSpro/Assignments/Homework7/rgb.html b/Student Works/FiSpro/Assignments/Homework7/rgb.html new file mode 100644 index 00000000..db7d0c89 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework7/rgb.html @@ -0,0 +1,19 @@ + + + Colors + + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework7/styles.css b/Student Works/FiSpro/Assignments/Homework7/styles.css new file mode 100644 index 00000000..1f55017c --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework7/styles.css @@ -0,0 +1,15 @@ +div { + overflow: hidden; + background: white; + background-image: linear-gradient(to right top, #ff69f7, #ff4acd, #ff2aa2, #ff0577, #ff004e, #ff313b); + width: 100vw; + height: 100vh; + position: relative; +} + +div:before, div:after { + content: ''; + position: absolute; + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework8/timer.html b/Student Works/FiSpro/Assignments/Homework8/timer.html new file mode 100644 index 00000000..08cdff04 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework8/timer.html @@ -0,0 +1,114 @@ + + + + + Timer + + + + + + + + + +

+ + + + +
Numbers
+

+ + \ No newline at end of file diff --git a/Student Works/FiSpro/Assignments/Homework9/collect.html b/Student Works/FiSpro/Assignments/Homework9/collect.html new file mode 100644 index 00000000..50ca1be5 --- /dev/null +++ b/Student Works/FiSpro/Assignments/Homework9/collect.html @@ -0,0 +1,102 @@ + + + + Collect + + + + + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/1/page1.html b/Student Works/FiSpro/Current work/1/page1.html new file mode 100644 index 00000000..f049f5ef --- /dev/null +++ b/Student Works/FiSpro/Current work/1/page1.html @@ -0,0 +1,24 @@ + + My mom is a coconut + + + +

Why my mom likes coconuts

+

I really don't know but I'd like to...

+

My dog likes me.
My cat doesnt like my dog.


My mom hates both.

+ + + + CLICK ME I KNOW YOU WANNA + +
 
+      This is haiku
+
+      I think this is not a haiku
+
+      But who cares haha
+     
+ + + + diff --git a/Student Works/FiSpro/Current work/CSS/gifs.css b/Student Works/FiSpro/Current work/CSS/gifs.css new file mode 100644 index 00000000..d5d06863 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS/gifs.css @@ -0,0 +1,101 @@ +* { + box-sizing: border-box; +} + +body{ + background: white; + outline: 2px dashed tomato; +} + +header{ + border-bottom: 2px solid tomato; + font-family: sans-serif; + padding-left: 10px; + margin: auto; + height: 15%; +} + +h1{ + font-size: 40px; + letter-spacing: 15px; + word-spacing: 20px; + line-height: 40px; + text-shadow: 3px 2px orange; +} + +h2{ + font-size: 20px; + 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; +} + +ul{ + list-style-image: url(https://www.iconninja.com/files/449/925/162/poring-icon.png); + 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; + width: 70%; + height: 100%; + background: tomato; + background-attachment: scroll; + overflow: auto; +} + +p.image{ + text-align: center; +} + +img:hover{ + opacity: 0.5; +} + +body{ + background: white; + outline: 2px dotted tomato; +} + +footer{ + border-top: 2px solid tomato; + height: 15%; +} + + diff --git a/Student Works/FiSpro/Current work/CSS/page1.html b/Student Works/FiSpro/Current work/CSS/page1.html new file mode 100644 index 00000000..49c21228 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS/page1.html @@ -0,0 +1,84 @@ + + + GIFS Galore + + + +
+

The best GIF's of this millenia

+

Showning 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
+
+
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS/page2.html b/Student Works/FiSpro/Current work/CSS/page2.html new file mode 100644 index 00000000..d2f85086 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS/page2.html @@ -0,0 +1,28 @@ + + + GIFS Galore + + + +
+

The best GIF's of this millenia

+

Showning you the best that have changed history

+
+
+ +
+


+ GIF OF THE DAY

+
+
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS/rick.css b/Student Works/FiSpro/Current work/CSS/rick.css new file mode 100644 index 00000000..045c616b --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS/rick.css @@ -0,0 +1,103 @@ +* { + box-sizing: border-box; +} + +body{ + background: white; + outline: 2px dashed tomato; +} + +header{ + border-bottom: 2px solid tomato; + font-family: sans-serif; + padding-left: 10px; + margin: auto; + height: 15%; +} + +h1{ + font-size: 40px; + letter-spacing: 15px; + word-spacing: 20px; + line-height: 40px; + text-shadow: 3px 2px orange; +} + +h2{ + font-size: 20px; + 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; +} + +ul{ + list-style-image: url(https://www.iconninja.com/files/449/925/162/poring-icon.png); + 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; + width: 70%; + height: 100%; + background-image: url(https://media.tenor.com/images/f09c35a5bed7694927f9e151afb9bea0/tenor.gif); + background-repeat: repeat; + background-position: right top; + background-attachment: scroll; + overflow: auto; +} + +p.image{ + text-align: center; +} + +img:hover{ + opacity: 0.5; +} + +body{ + background: white; + outline: 2px dotted tomato; +} + +footer{ + border-top: 2px solid tomato; + height: 15%; +} + + diff --git a/Student Works/FiSpro/Current work/CSS2/guitar.jpg b/Student Works/FiSpro/Current work/CSS2/guitar.jpg new file mode 100644 index 00000000..a55158ee Binary files /dev/null and b/Student Works/FiSpro/Current work/CSS2/guitar.jpg differ diff --git a/Student Works/FiSpro/Current work/CSS2/img1jfif.jfif b/Student Works/FiSpro/Current work/CSS2/img1jfif.jfif new file mode 100644 index 00000000..11696071 Binary files /dev/null and b/Student Works/FiSpro/Current work/CSS2/img1jfif.jfif differ diff --git a/Student Works/FiSpro/Current work/CSS2/orange.css b/Student Works/FiSpro/Current work/CSS2/orange.css new file mode 100644 index 00000000..e9c7e29b --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS2/orange.css @@ -0,0 +1,88 @@ +body{ + background-color: darkorange; +} +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: deepskyblue; + color: black; +} + +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:hover { + border: 1px solid #777; +} + +div.gallery img { + width: 30%; + height: auto; +} + +div.desc { + padding: 15px; + text-align: left; +} + +input[type=text]{ + padding: 12px 20px; + margin: 8px 0; + border-bottom: 2px solid blue; + box-sizing: border-box; + background-color: dodgerblue; + color: black; + transition: width 0.4s ease-in-out; +} + +input[type=text]:focus { + background-color: white; + color: black; + width: 100%; +} + diff --git a/Student Works/FiSpro/Current work/CSS2/pageA.html b/Student Works/FiSpro/Current work/CSS2/pageA.html new file mode 100644 index 00000000..5f8c7a78 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS2/pageA.html @@ -0,0 +1,29 @@ + + + Home + + + +
+

Welcome!

+
+
+ +
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS2/pageb.html b/Student Works/FiSpro/Current work/CSS2/pageb.html new file mode 100644 index 00000000..14b306fb --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS2/pageb.html @@ -0,0 +1,41 @@ + + + Gallery + + + +
+

Welcome!

+
+
+ +
+ +
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS2/pagec.html b/Student Works/FiSpro/Current work/CSS2/pagec.html new file mode 100644 index 00000000..683e7041 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS2/pagec.html @@ -0,0 +1,33 @@ + + + Contact + + + +
+

Welcome!

+
+
+ +
+
+ +
+ +
+ +
+ +
+
+
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS2/paged.html b/Student Works/FiSpro/Current work/CSS2/paged.html new file mode 100644 index 00000000..7fe325e6 --- /dev/null +++ b/Student Works/FiSpro/Current work/CSS2/paged.html @@ -0,0 +1,22 @@ + + + About + + + +
+

Welcome!

+
+
+ +
+ + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/CSS2/web.jpg b/Student Works/FiSpro/Current work/CSS2/web.jpg new file mode 100644 index 00000000..c8ec2a6e Binary files /dev/null and b/Student Works/FiSpro/Current work/CSS2/web.jpg differ diff --git a/Student Works/FiSpro/Current work/Forms/page1.html b/Student Works/FiSpro/Current work/Forms/page1.html new file mode 100644 index 00000000..9ab2eb64 --- /dev/null +++ b/Student Works/FiSpro/Current work/Forms/page1.html @@ -0,0 +1,63 @@ + + + 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/FiSpro/Current work/Forms/page2.html b/Student Works/FiSpro/Current work/Forms/page2.html new file mode 100644 index 00000000..e704c1b8 --- /dev/null +++ b/Student Works/FiSpro/Current work/Forms/page2.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/JS/oldman.jpg b/Student Works/FiSpro/Current work/JS/oldman.jpg new file mode 100644 index 00000000..bd2477a0 Binary files /dev/null and b/Student Works/FiSpro/Current work/JS/oldman.jpg differ diff --git a/Student Works/FiSpro/Current work/JS/page1.html b/Student Works/FiSpro/Current work/JS/page1.html new file mode 100644 index 00000000..dc79117a --- /dev/null +++ b/Student Works/FiSpro/Current work/JS/page1.html @@ -0,0 +1,29 @@ + + + + My first time with JavaScript + + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Current work/JS/pedo.png b/Student Works/FiSpro/Current work/JS/pedo.png new file mode 100644 index 00000000..8a6a3616 Binary files /dev/null and b/Student Works/FiSpro/Current work/JS/pedo.png differ diff --git a/Student Works/FiSpro/Current work/JS/turtle.png b/Student Works/FiSpro/Current work/JS/turtle.png new file mode 100644 index 00000000..2a55fdc5 Binary files /dev/null and b/Student Works/FiSpro/Current work/JS/turtle.png differ diff --git a/Student Works/FiSpro/Live Chat Project/diagmonds.png b/Student Works/FiSpro/Live Chat Project/diagmonds.png new file mode 100644 index 00000000..ef4f956d Binary files /dev/null and b/Student Works/FiSpro/Live Chat Project/diagmonds.png differ diff --git a/Student Works/FiSpro/Live Chat Project/feedback.html b/Student Works/FiSpro/Live Chat Project/feedback.html new file mode 100644 index 00000000..42e13eb3 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/feedback.html @@ -0,0 +1,48 @@ + + + Live Chat - Feedback + + + + + + +
+

Tell us your opinion about TALKO

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


+ +

+ +
+ +


+
+
+ + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/index.html b/Student Works/FiSpro/Live Chat Project/index.html new file mode 100644 index 00000000..205caff0 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/index.html @@ -0,0 +1,70 @@ + + + Live Chat + + + + + + +
+

+

TALKO

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

+

online

+
+
+ +
+
+ +
    + +
    +
    + + + +
    + +
    +
    +
    +
    +
    + + + + + + + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/indexStyle.css b/Student Works/FiSpro/Live Chat Project/indexStyle.css new file mode 100644 index 00000000..16736453 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/indexStyle.css @@ -0,0 +1,184 @@ +* { + box-sizing: border-box; +} + +body { + background-color: black; + background-image: url(diagmonds.png); + font-family: cursive; +} + +header { + padding: 10px; + color: white; + text-align: center; + font-size: 30px; +} + +header hr { + border: 2px solid white; +} + +#talko { + color: darkorange; + text-align: center; + font-size: 40px; +} + +nav { + float: left; + width: 30%; + padding: 20px; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + width: 230px; +} + +nav ul li { + width: 100%; + margin: 5px; + padding: 0; + background-color: darkorange; +} + +nav ul li a { + display: block; + margin: 0 auto; + padding: 10px 10px; + color: white; + font-size: 18px; + text-align: center; + background-color: hotpink; + text-decoration: none; + width: 80%; +} + +nav ul li a:hover { + color: darkorange; + background-color: rebeccapurple; +} + +#thisPage { + background-color: rebeccapurple; +} + +.userInfo { + width: 25%; + height: 90px; + background-color: darkorange; + margin: 38%; + margin-top: 3%; + margin-bottom: 0px; + border-top-left-radius: 15%; + border-top-right-radius: 15%; + border: 1px solid white; +} + +#icon { + margin-left: 85%; + width: 8%; + transform: translateY(30%); +} + +#userPhoto { + width: 15%; + margin-left: 3%; + margin-top: -8%; +} + +#userPhoto:hover { + transform: scale(1.3); +} + +.userName h4 { + margin-top: -12%; + margin-left: 20%; +} + +.userName p { + margin-top: -6%; + margin-left: 20%; +} + +.middle { + width: 25%; + height: 500px; + background-color: antiquewhite; + margin: 38%; + margin-top: -2%; + margin-bottom: 0px; + border-bottom-left-radius: 8%; + border-bottom-right-radius: 8%; + border: 1px solid silver; +} + +.messagesList ul { + list-style-type: none; + height: 85%; + text-align: center; + overflow: hidden; + overflow-y: scroll; +} + +.messagesList ul li { + margin: 10px; + border-radius: 40%; + background-color: darkorange; +} + +.messagesList ul li:hover { + background-color: hotpink; +} + +.userInput input { + width: 60%; + margin-top: 3%; + margin-left: 15%; + border-radius: 10%; + border: 2px solid darkorange; + font-family: cursive; +} + +.userInput input:hover { + background-color: darkorange; +} + +.userInput button { + border: 1px solid darkorange; + border-radius: 20%; + margin-left: 2%; +} + +.userInput button:hover { + background-color: darkorange; +} + +footer { + padding: 10px; + text-align: center; + color: darkorange; +} + +footer hr { + border: 2px solid antiquewhite; +} + +#leave { + border: 3px solid white; + border-radius: 20%; + padding: 5px; + color: darkorange; + text-decoration: none; +} + +@media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } +} \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/issues.html b/Student Works/FiSpro/Live Chat Project/issues.html new file mode 100644 index 00000000..19cf243f --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/issues.html @@ -0,0 +1,52 @@ + + + Live Chat - Issues + + + + + + +
    +

    Inform us about any issues you might be having

    +
    +
    + +
    + + +
    +

    Please inform us if you need any help regarding the live chat + or if you are experiencing any sort of issues!

    +
    + +
    + + +


    + + +


    + +

    + +
    + +


    +
    +
    + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/login.html b/Student Works/FiSpro/Live Chat Project/login.html new file mode 100644 index 00000000..b54b5470 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/login.html @@ -0,0 +1,22 @@ + + + Live Chat - Sign In + + + + + +

    Welcome to Talko!

    +

    To sign in, please write your:

    +
    + + +

    + + +

    + +
    + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/loginStyle.css b/Student Works/FiSpro/Live Chat Project/loginStyle.css new file mode 100644 index 00000000..ac853688 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/loginStyle.css @@ -0,0 +1,57 @@ +body { + background-color: darkmagenta; + background-image: url(diagmonds.png); + font-family: cursive; + text-align: center; +} + +h3 { + margin-top: 100px; + font-size: 40px; + color: white; +} + +h4 { + font-size: 25px; + color: darkorange; +} + +h4.su { + margin-top: 70px; +} + +form label { + color: white; +} + +form input { + font-family: cursive; +} + +form input:focus { + font-size: 15px; + background-color: darkorange; +} + +form button { + text-decoration: none; + font-family: cursive; + color: black; + border-color: darkorange; + border-radius: 20%; +} + +form button:hover { + background-color: darkorange; +} + +h4 a { + text-decoration: none; + color: white; + border: 5px solid white; + border-radius: 25%; +} + +h4 a:hover { + color: darkorange; +} \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/messages.js b/Student Works/FiSpro/Live Chat Project/messages.js new file mode 100644 index 00000000..6d027e29 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/messages.js @@ -0,0 +1,15 @@ +var socket = io.connect(); + +// getting the input from the user +$("form#chat").submit(function(e) { + e.preventDefault(); + + socket.emit("send message", $(this).find("#input").val(), function() { + $("form#chat #input").val(""); + }); +}); + +socket.on("update messages", function(msg){ + var final_message = $("
  • ").text(msg); + $("#messages").append(localStorage.uname, final_message); +}); \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/profile.html b/Student Works/FiSpro/Live Chat Project/profile.html new file mode 100644 index 00000000..71359667 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/profile.html @@ -0,0 +1,43 @@ + + + Live Chat - Profile + + + + + + +
    +

    This is your profile

    +
    +
    + +
    + + +
    +

    Profile picture:

    +

    Status:

    +
    + +
    + + + + + \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/server.js b/Student Works/FiSpro/Live Chat Project/server.js new file mode 100644 index 00000000..9515978a --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/server.js @@ -0,0 +1,36 @@ +var http = require('http').createServer(response); +var url = require('url'); +var fs = require('fs'); +var io = require('socket.io') (http); + + +// handling the request for the server +function response(req, res) { + var q = url.parse(req.url, true); + + var fn = "." + q.pathname; + fs.readFile(fn, function(err,data){ + if(err){ + res.writeHead(404, {'Content-Type': 'text/html'}); + return res.end("Error 404. Page not found."); + } + res.writeHead(200, {'Content-Type': 'text/html'}); + res.write(data); + return res.end(); + }); +}; + +// connecting with server +http.listen(8080); +console.log("Server running..."); + + +// displaying the messages +io.on("connection", function(socket){ + socket.on("send message", function(sent_msg, callback){ + sent_msg = sent_msg; + + io.sockets.emit("update messages", sent_msg); + callback(); + }); +}); \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/style.css b/Student Works/FiSpro/Live Chat Project/style.css new file mode 100644 index 00000000..3975f940 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/style.css @@ -0,0 +1,158 @@ +* { + box-sizing: border-box; +} + +body { + background-color: black; + background-image: url(diagmonds.png); + font-family: cursive; +} + +header { + padding: 40px; + color: white; + text-align: center; + font-size: 30px; +} + +header hr { + border: 1px solid white; +} + +nav { + float: left; + width: 30%; + padding: 20px; +} + +nav ul { + display: block; + list-style-type: none; + padding: 0; + margin: 0; + width: 230px; +} + +nav ul li { + width: 100%; + margin: 5px; + padding: 0; + background-color: darkorange; +} + +nav ul li a { + display: block; + margin: 0 auto; + padding: 10px 10px; + color: white; + font-size: 18px; + text-align: center; + background-color: hotpink; + text-decoration: none; + width: 80%; +} + +nav ul li a:hover { + color: darkorange; + background-color: rebeccapurple; +} + +#thisPage { + background-color: rebeccapurple; +} + +article { + float: left; + width: 70%; + padding: 20px; +} + +article h4 { + color: white; +} + +.feedback { /* for feedback.html */ + color: darkorange; +} + +.issues { /* for issues.html */ + color: darkorange; +} + +#userPhoto { /* for profile.html */ + width: 20%; + vertical-align: text-top; +} + +#status { /* for profile.html */ + font-size: 15px; + font-family: cursive; +} + +#status:hover { /* for profile.html */ + background-color: darkorange; +} + +form label { + color: white; +} + +#uname { /* for feedback.html and issues.html */ + font-family: cursive; +} + +#uname:focus { /* for feedback.html and issues.html */ + font-size: 15px; + background-color: darkorange; +} + +#email { /* for issues.html */ + font-family: cursive; +} + +#email:focus { /* for issues.html */ + font-size: 15px; + background-color: darkorange; +} + +form textarea { /* for feedback.html and issues.html */ + font-family: cursive; + width: 50%; +} + +form textarea:focus { /* for feedback.html and issues.html */ + background-color: darkorange; +} + +#submit { /* for feedback.html and issues.html */ + font-family: cursive; + border-color: darkorange; +} + +#submit:hover { /* for feedback.html and issues.html */ + background-color: hotpink; +} + +footer { + padding: 10px; + text-align: center; +} + +footer h3 { + color: darkorange; +} + +footer h4 { + color: white; +} + +footer hr { + border: 2px solid white; +} + +@media (max-width: 600px) { + nav, article { + width: 100%; + height: auto; + } +} \ No newline at end of file diff --git a/Student Works/FiSpro/Live Chat Project/username.js b/Student Works/FiSpro/Live Chat Project/username.js new file mode 100644 index 00000000..b3e5fb54 --- /dev/null +++ b/Student Works/FiSpro/Live Chat Project/username.js @@ -0,0 +1,21 @@ +// getting the username +var queryString = decodeURIComponent(window.location.search); +queryString = queryString.substring(10); +var queries = queryString.split("&"); +var name = queries[0]; +localStorage.uname = name; + + +// using the username in the welcome text +var welcomeText = document.getElementById("welcome"); +welcomeText.innerHTML = "Hello " + name + "! Welcome to Live Chat"; + + +// using the username in the chat header, above online status +var username = document.getElementById("username"); +username.innerHTML = name; + +// when "Leave page" clicked +function clearMessages() { + alert("You will be starting all over again!"); +}; \ No newline at end of file