After a 115 days long journey, the crew of 12 finally arrived at their destination. This is the first time humans have set foot on a planet other than Earth.

Humans have reached Mars

The Starship rocket successfully landed on the red planet this morning.

After a 115 days long journey, the crew of 12 finally arrived to their destination. This is the first time humans have set foot on a planet other than Earth.

Welcome!

Dancing plague of 1518

The dancing plague of 1518, or dance epidemic of 1518, was a case of dancing mania that occurred in Strasbourg, Alsace (modern-day France), in the Holy Roman Empire from July 1518 to September 1518. Somewhere between 50 and 400 people took to dancing for days.

Events

The outbreak began in July 1518 when a woman began to dance fervently in a street in Strasbourg.[1] By early September, the outbreak began to subside.[2]

Historical documents, including \"physician notes, cathedral sermons, local and regional chronicles, and even notes issued by the Strasbourg city council\" are clear that the victims danced;[1] it is not known why. Historical sources agree that there was an outbreak of dancing after a single woman started dancing,[3] a group of mostly young women joined in, and the dancing did not seem to die down. It lasted for such a long time that it attracted the attention of the Strasbourg magistrate and bishop, and some number of doctors ultimately intervened, putting the afflicted in a hospital.[citation needed]

Events similar to this are said to have occurred throughout the medieval age including 11th century in Kölbigk Saxony, where it was believed to be the cause of demonic possession or divine judgment.[4] In 15th century Apulia Italy,[5] a woman was bitten by a tarantula, the venom making her dance convulsively. The only way to cure the bite was to \"shimmy\" and to have the right sort of music available, which was an accepted remedy by scholars like Athanasius Kircher.[6]

Modern theories

Food poisoning

Some believe[2] the dancing could have been brought on by food poisoning caused by the toxic and psychoactive chemical products of ergot fungi (ergotism), which grows commonly on grains (such as rye) used for baking bread. Ergotamine is the main psychoactive product of ergot fungi; it is structurally related to the drug lysergic acid diethylamide (LSD-25) and is the substance from which LSD-25 was originally synthesized. The same fungus has also been implicated in other major historical anomalies, including the Salem witch trials.[10][11]

In The Lancet, John Waller argues that \"this theory does not seem tenable, since it is unlikely that those poisoned by ergot could have danced for days at a time. Nor would so many people have reacted to its psychotropic chemicals in the same way. The ergotism theory also fails to explain why virtually every outbreak occurred somewhere along the Rhine and Moselle rivers, areas linked by water but with quite different climates and crops\".[7]

Stress-induced mass hysteria

This could have been a florid example of psychogenic movement disorder happening in mass hysteria or mass psychogenic illness, which involves many individuals suddenly exhibiting the same bizarre behavior. The behavior spreads rapidly and broadly in an epidemic pattern.[12] This kind of comportment could have been caused by elevated levels of psychological stress, caused by the ruthless years (even by the rough standards of the early modern period) the people of Alsace were suffering.[7]

Waller speculates that the dancing was \"stress-induced psychosis\" on a mass level, since the region where the people danced was riddled with starvation and disease, and the inhabitants tended to be superstitious. Seven other cases of dancing plague were reported in the same region during the medieval era.[13]

This psychogenic illness could have created a chorea (from the Greek khoreia meaning \"to dance\"), a situation comprising random and intricate unintentional movements that flit from body part to body part. Diverse choreas (St. Vitus' dance, St. John's dance, and tarantism) were labeled in the Middle Ages referring to the independent epidemics of \"dancing mania\" that happened in central Europe, particularly at the time of the plague.[14][15][16]

elements.\n\nNote: you should only add ONE property, as inheritance \nshould take care of applying it to both elements.\n*/\n\nbody {\n margin: 20px;\n}\n\n.avatar {\n width: 150px;\n}\n\n.card {\n width: 400px;\n margin-left: auto;\n margin-right: auto;\n padding: 20px;\n display: flex;\n justify-content: space-around;\n}\n\n.border-blue {\n border: 1px dotted blue;\n}\n\n" }, { "path": "3. Build a digital Business Card/13. Add colors/index.html", "content": "\n \n \n \n \n

\n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/13. Add colors/styles.css", "content": "body {\n margin: 20px;\n}\n\n.avatar {\n width: 150px;\n}\n\n.card {\n width: 400px;\n margin-left: auto;\n margin-right: auto;\n padding: 20px;\n display: flex;\n justify-content: space-around;\n text-align: center;\n \n /* \n Challenge:\n Add colors to the card according to the design.\n black - #2b2839 (the text color)\n blue - #ddebf8\n purple - #d8cefe\n */\n}\n\n.border-blue {\n border: 1px dotted blue;\n}\n " }, { "path": "3. Build a digital Business Card/14. Web-safe fonts/index.html", "content": "\n \n \n \n \n

\n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/14. Web-safe fonts/styles.css", "content": "body {\n margin: 20px;\n /*\n Challenge:\n Set the font to Verdana.\n */\n}\n\n.avatar {\n width: 150px;\n}\n\n.card {\n width: 400px;\n margin-left: auto;\n margin-right: auto;\n padding: 20px;\n display: flex;\n justify-content: space-around;\n text-align: center;\n background: #ddebf8;\n color: #2b2839;\n border-bottom: 6px solid #d8cefe;\n}\n\n.border-blue {\n border: 1px dotted blue;\n}\n " }, { "path": "3. Build a digital Business Card/15. Aside - Margin padding shorthand/index.html", "content": "\n \n \n \n \n

\n \n\n" }, { "path": "3. Build a digital Business Card/15. Aside - Margin padding shorthand/styles.css", "content": ".red-circle {\n height: 150px;\n width: 150px;\n border-radius: 100%;\n background: #BC002D;\n \n /* \n Challenge:\n Translate this into using the margin shorthand. \n */\n margin-top: 40px;\n margin-right: 0;\n margin-bottom: 0;\n margin-left: 100px;\n \n}" }, { "path": "3. Build a digital Business Card/16. Use the margin and padding shorthands/index.html", "content": "\n \n \n \n \n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/16. Use the margin and padding shorthands/styles.css", "content": "body {\n margin: 20px;\n font-family: Verdana, Geneva, Tahoma, sans-serif;\n}\n\n.avatar {\n width: 150px;\n}\n\n.card {\n width: 400px;\n /* \n Challenge:\n Replace the two margin properties with a \n single margin shorthand.\n */\n margin-left: auto;\n margin-right: auto;\n padding: 20px;\n display: flex;\n justify-content: space-around;\n text-align: center;\n background: #ddebf8;\n color: #2b2839;\n border-bottom: 6px solid #d8cefe;\n}\n\n.border-blue {\n border: 1px dotted blue;\n}" }, { "path": "3. Build a digital Business Card/17. Make it your own/index.html", "content": "\n \n \n \n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/17. Make it your own/styles.css", "content": "body {\n margin: 20px;\n /*\n Challenge:\n Find a web safe font you like, and add it \n to your card.\n */\n font-family: Verdana, Geneva, Tahoma, sans-serif;\n}\n\n.avatar {\n width: 150px;\n}\n\n.card {\n width: 400px;\n margin: 0 auto;\n padding: 20px;\n display: flex;\n justify-content: space-around;\n text-align: center;\n background: #ddebf8;\n color: #2b2839;\n border-bottom: 6px solid #d8cefe;\n \n /*\n Challenge:\n Find a color palette you like on Coolors.co\n and use it in your business card.\n */\n}\n\n.border-blue {\n border: 1px dotted blue;\n}\n\n/*\nStretch goals:\nFind other ways you can personalize \nthe design of your business card, e.g.:\n- change the border(s)\n- add border radius\n- shuffle the layout\n- shadows 🤯\n- hover effects 🤯🤯\n- animations 🤯🤯🤯\n*/\n\n/*\nFinal challenge:\nDownload the code to your local computer and place it\nin a folder called \"business-card\"\n*/\n\n" }, { "path": "3. Build a digital Business Card/2. Fix the image path/index.html", "content": "\n \n \n \n \n

\n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/2. Fix the image path/styles.css", "content": "body {\n margin: 20px;\n}\n" }, { "path": "3. Build a digital Business Card/3. Add alt attribute/index.html", "content": "\n \n \n \n \n

\n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/3. Add alt attribute/styles.css", "content": "body {\n margin: 20px;\n}\n" }, { "path": "3. Build a digital Business Card/4. Make image smaller/index.html", "content": "\n \n \n \n \n

\n $\"Per$ \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/4. Make image smaller/styles.css", "content": "body {\n margin: 20px;\n}\n\n\n/*\nChallenge:\nSet the width of the image to 150px.\nPS: Use a class to select the img element.\n*/" }, { "path": "3. Build a digital Business Card/5. Add a border and padding/index.html", "content": "\n \n \n \n \n

\n \n

Per Harald Borgen

Frontend Developer

Oslo, Norway

\n \n" }, { "path": "3. Build a digital Business Card/5. Add a border and padding/styles.css", "content": "body {\n margin: 20px;\n}\n\n.avatar {\n width: 150px;\n}\n\n/*\nChallenge:\n1. Give the card div a class (name it \"card\")\n2. Select the card class and give it a dotted blue border\n3. Add 20 pixels of padding on all sides of the card\n*/" }, { "path": "3. Build a digital Business Card/6. Aside - flexbox child containers/index.html", "content": "\n \n \n \n \n

Upgrade to Pro

Terms and conditions apply

using\nthe text-shadow technique you just learned. Set\nthe blur to 4px and the color to black.\n*/\n\n#title {\n text-shadow: 0px 0px 4px black;\n}\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n color: #82a5ca;\n font-weight: 800;\n}\n\n.underline {\n border-bottom: 4px solid white;\n}\n " }, { "path": "4. Build a Space Exploration Site/11. Add the terms and conditions section/index.html", "content": "\n \n \n \n \n \n \n \n

Join the exploration

\nand set its background image to the galaxy image. This will \nforce you to also add some padding on the \"hero\"

.\n\nAdd a \"Terms and conditions apply\"

below the \"hero\"\nsection.\n\nPS: your layout will likely be disturbed by the \ntag's default margin.\n/\n\nbody {\n color: #82a5ca;\n background-image: url(\"images/galaxy.webp\");\n background-size: cover;\n text-align: center;\n font-family: 'Orbitron', sans-serif;\n}\n\n#main-logo {\n width: 100px;\n}\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n color: #82a5ca;\n font-weight: 800;\n}\n\n.underline {\n border-bottom: 4px solid white;\n}\n " }, { "path": "4. Build a Space Exploration Site/12. Aside - text shadow/index.css", "content": "body {\n letter-spacing: 4px;\n background: #b7111b;\n color: #fafbf4;\n text-align: center;\n font-family: 'Kanit', sans-serif;\n}\n\nh1 {\n font-size: 80px;\n}\n\n/\nChallenge:\nTry to achieve the shadow from the provided design.\n*/\n" }, { "path": "4. Build a Space Exploration Site/12. Aside - text shadow/index.html", "content": "\n \n \n \n \n \n \n \n

NETFLIX

\n \n" }, { "path": "4. Build a Space Exploration Site/13. Improving the readability with text shadows/index.html", "content": "\n \n \n \n \n \n \n \n

Join the exploration

\n \n

Terms and conditions apply

\n \n" }, { "path": "4. Build a Space Exploration Site/13. Improving the readability with text shadows/styles.css", "content": "body {\n margin: 0;\n color: #82a5ca;\n text-align: center;\n font-family: 'Orbitron', sans-serif;\n}\n\n#hero {\n background-image: url(\"images/galaxy.webp\");\n background-size: cover;\n padding: 10px 0 40px 0;\n}\n\n#main-logo {\n width: 100px;\n}\n\n/*\nChallenge:\nAdd a blurred border around the

using\nthe text-shadow technique you just learned. Set\nthe blur to 4px and the color to black.\n*/\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n color: #82a5ca;\n font-weight: 800;\n}\n\n.underline {\n border-bottom: 4px solid white;\n}\n " }, { "path": "4. Build a Space Exploration Site/2. Add a background image from unsplash/index.html", "content": "\n \n \n \n \n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/2. Add a background image from unsplash/styles.css", "content": "body {\n color: white;\n background-image: url(\"images/universe.jpg\");\n background-size: cover;\n}\n\n\n" }, { "path": "4. Build a Space Exploration Site/3. Center elements and style button/index.html", "content": "\n \n \n \n \n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/3. Center elements and style button/styles.css", "content": "/*\nChallenge:\n1. Center the text and button\n2. Style the button according to the design.\n Use a class to select the button.\n*/\n\nbody {\n color: white;\n background-image: url(\"images/universe.jpg\");\n background-size: cover;\n}\n\n" }, { "path": "4. Build a Space Exploration Site/4. Add a Google Font/index.html", "content": "\n \n \n \n \n \n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/4. Add a Google Font/styles.css", "content": "body {\n color: white;\n background-image: url(\"images/universe.jpg\");\n background-size: cover;\n text-align: center;\n /* \n Set the font family here. \n */\n}\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n /* \n You'll need to do something here as well!\n Can you spot what it is?\n */\n}\n" }, { "path": "4. Build a Space Exploration Site/5. font-face/index.css", "content": "@font-face {\n src: url(\"Corleone.ttf\");\n font-family: Corleone;\n}\n\nh1 {\n \n}" }, { "path": "4. Build a Space Exploration Site/5. font-face/index.html", "content": "\n \n \n \n \n

The Godfather

\n \n \n" }, { "path": "4. Build a Space Exploration Site/5. font-face/index.js", "content": "// javascript" }, { "path": "4. Build a Space Exploration Site/6. Aside - spans/index.html", "content": "\n\n \n \n \n \n\n\n

You got the joker 🃏

Click here to get your prize! 💰

\n\n" }, { "path": "4. Build a Space Exploration Site/6. Aside - spans/styles.css", "content": "body {\n background: whitesmoke;\n color: whitesmoke;\n font-family: 'Rammetto One', cursive;\n}\n\n.ad {\n background: #35654d;\n border: 5px solid #A3BC71;\n text-align: center;\n}" }, { "path": "4. Build a Space Exploration Site/7. Add an underline using a span/index.html", "content": "\n \n \n \n \n \n \n \n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/7. Add an underline using a span/styles.css", "content": "body {\n color: white;\n background-image: url(\"images/universe.jpg\");\n background-size: cover;\n text-align: center;\n font-family: 'Orbitron', sans-serif;\n}\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n}\n\n/* \nChallenge:\nAdd the underline to the title using a and a class.\n*/" }, { "path": "4. Build a Space Exploration Site/8. Use an ID for the logo/index.html", "content": "\n \n \n \n \n \n \n \n \n\n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/8. Use an ID for the logo/styles.css", "content": "body {\n color: white;\n background-image: url(\"images/universe.jpg\");\n background-size: cover;\n text-align: center;\n font-family: 'Orbitron', sans-serif;\n}\n\n/*\nChallenge 2:\nSelect the logo using its \"id\", and reduce its\nwidth to a suitable level.\n*/\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n}\n\n.underline {\n border-bottom: 4px solid white;\n}\n" }, { "path": "4. Build a Space Exploration Site/9. Replace the jpg with a webp/index.html", "content": "\n \n \n \n \n \n \n \n

Join the exploration

\n \n \n" }, { "path": "4. Build a Space Exploration Site/9. Replace the jpg with a webp/styles.css", "content": "body {\n color: white;\n background-image: url(\"images/galaxy.webp\");\n background-size: cover;\n text-align: center;\n font-family: 'Orbitron', sans-serif;\n}\n\n#main-logo {\n width: 100px;\n}\n\n.btn {\n padding: 6px 12px;\n background: white;\n border: none;\n font-family: 'Orbitron', sans-serif;\n}\n\n.underline {\n border-bottom: 4px solid white;\n}\n " }, { "path": "5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/index.html", "content": "\n \n \n \n \n \n \n \n \n \n

Here's how happy I am for you today 🥳

(Hover over the gift)

\n \n

How people react when you enter the room 😍

\n \n

If I had to describe you with ONE word 👇

\n \n

The only person as badass as you 💪

\n \n

This one's for you, my friend 🥂

\n \n \n \n \n \n" }, { "path": "5. Build a Birthday GIFt Site/1. Let's build a birthday GIFt site/styles.css", "content": "/*\nChallenge:\nChange the site's background into a gradient that goes\nfrom blue at the top to pink at the bottom.\n*/\n\nbody {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: linear-gradient(#a2d2ff, #EFB0C9);\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n#gift-img-cheers {\n height: 200px;\n}\n\n.gift-img {\n margin: 20px auto;\n max-width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n#gift-img-genius:hover {\n background-image: url(\"images/genius.gif\");\n}\n\n#gift-img-badass:hover {\n background-image: url(\"images/badass.gif\");\n}\n\n#gift-img-cheers:hover {\n background-image: url(\"images/cheers.gif\");\n}\n\n#footer {\n font-style: italic;\n width: 400px;\n margin: 40px auto 20px;\n}\n\na {\n color: white;\n}\n\n/* \nAdd the footer paragraph according to the design. \nConfigure the anchor tag to open the link in a new tab.\nForgotten how to do it? Google it! \n\nLink: \nhttps://scrimba.com/learn/htmlandcss\n\nText:\nWant to create your own Birthday GIFt site? Take this HTML & CSS course.\n*/" }, { "path": "5. Build a Birthday GIFt Site/10. Create the first gift/index.html", "content": "\n \n \n \n \n \n \n \n \n \n" }, { "path": "5. Build a Birthday GIFt Site/10. Create the first gift/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n/*\nChallenge:\n1. Create a \"gift-section\"

that will wrap\n all the elements for the first gift.\n2. Add the

,

, and elements, and\n give all of them their own classes.\n3. Style the elements according to the design.\n\nPS: the image should be 400px wide.\n/\n\n" }, { "path": "5. Build a Birthday GIFt Site/11. Replacing the img with a div/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n \n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/11. Replacing the img with a div/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n.gift-img {\n width: 400px;\n border: 6px solid white;\n border-radius: 10px;\n}\n\n/\nChallenge:\n\"Fix\" the \"gift-img\"
so that it looks \nlike the provided design again.\n\nIt needs a height (should be a square), a\nbackground image, and to be centered again.\n/\n\n\n" }, { "path": "5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/index.html", "content": "\n \n \n \n \n
Menu
\n
Book a table
\n
Catering
\n \n" }, { "path": "5. Build a Birthday GIFt Site/12. Aside - make elements change on hover/styles.css", "content": "div {\n text-align: center;\n color: white;\n margin: 5px;\n padding: 25px 0;\n background: #e5383b;\n font-size: 30px;\n font-weight: bold;\n}" }, { "path": "5. Build a Birthday GIFt Site/13. Add the hover effect/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/13. Add the hover effect/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n.gift-img {\n margin: 0 auto;\n width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n/\nChallenge:\nSwap the gift paper image out with\nthe happy.gif when you hover over it!\n/" }, { "path": "5. Build a Birthday GIFt Site/14. Create the next GIFt/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/14. Create the next GIFt/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n.gift-img {\n margin: 0 auto;\n width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n.gift-img:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n/\nChallenge:\nCreate the next GIFt (hot.gif). Its HTML structure \nshould be like the previous one, but without the \n\"gift-hint\" element.\n\nHowever, now that you have multiple GIFts on the page,\nyou cannot use the \"gift-img\" class to set the GIF \nbackground-image(s) on :hover. Each GIFt will need a \nunique id that controls which background image that \nshould be shown when hovering over the element.\n/" }, { "path": "5. Build a Birthday GIFt Site/15. Create two more GIFts/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n
\n
How people react when you enter the room 😍
\n
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/15. Create two more GIFts/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n.gift-img {\n margin: 20px auto;\n width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n\n/\nChallenge:\nCreate the \"genius\" and \"badass\" GIFt sections.\n\nTexts:\nIf I had to describe you with ONE word 👇\n\nThe only person as badass as you 💪\n\n/" }, { "path": "5. Build a Birthday GIFt Site/16. Create the final GIFt/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n
\n
How people react when you enter the room 😍
\n
\n
\n \n
\n
If I had to describe you with ONE word 👇
\n
\n
\n \n
\n
The only person as badass as you 💪
\n
\n
\n \n \n" }, { "path": "5. Build a Birthday GIFt Site/16. Create the final GIFt/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n.gift-img {\n margin: 20px auto;\n width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n#gift-img-genius:hover {\n background-image: url(\"images/genius.gif\");\n}\n\n#gift-img-badass:hover {\n background-image: url(\"images/badass.gif\");\n}\n\n/\nChallenge:\nCreate the \"cheers\" GIFt section.\n\nNote: this GIFt should have a height of 200px. \nSelect the #gift-img-cheers id and override \nthe height that the element got from the \n.gift-img class.\n\nText: \nThis one's for you, my friend 🥂\n/\n\n" }, { "path": "5. Build a Birthday GIFt Site/17. Add the footer/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n
\n
How people react when you enter the room 😍
\n
\n
\n \n
\n
If I had to describe you with ONE word 👇
\n
\n
\n \n
\n
The only person as badass as you 💪
\n
\n
\n \n
\n
This one's for you, my friend 🥂
\n
\n
\n \n \n \n \n" }, { "path": "5. Build a Birthday GIFt Site/17. Add the footer/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n#gift-img-cheers {\n height: 200px;\n}\n\n.gift-img {\n margin: 20px auto;\n max-width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n#gift-img-genius:hover {\n background-image: url(\"images/genius.gif\");\n}\n\n#gift-img-badass:hover {\n background-image: url(\"images/badass.gif\");\n}\n\n#gift-img-cheers:hover {\n background-image: url(\"images/cheers.gif\");\n}\n\n/ \nAdd the footer paragraph according to the design. \nConfigure the anchor tag to open the link in a new tab.\nForgotten how to do it? Google it! \n\nLink: \nhttps://scrimba.com/learn/htmlandcss\n\nText:\nWant to create your own Birthday GIFt site? Take this HTML & CSS course.\n/" }, { "path": "5. Build a Birthday GIFt Site/18. Add a background gradient/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n
\n
How people react when you enter the room 😍
\n
\n
\n \n
\n
If I had to describe you with ONE word 👇
\n
\n
\n \n
\n
The only person as badass as you 💪
\n
\n
\n \n
\n
This one's for you, my friend 🥂
\n
\n
\n \n \n
Want to create your own Birthday GIFt site? Take this HTML & CSS course.
\n \n \n" }, { "path": "5. Build a Birthday GIFt Site/18. Add a background gradient/styles.css", "content": "/\nChallenge:\nChange the site's background into a gradient that goes\nfrom blue at the top to pink at the bottom.\n/\n\nbody {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n#gift-img-cheers {\n height: 200px;\n}\n\n.gift-img {\n margin: 20px auto;\n max-width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n#gift-img-genius:hover {\n background-image: url(\"images/genius.gif\");\n}\n\n#gift-img-badass:hover {\n background-image: url(\"images/badass.gif\");\n}\n\n#gift-img-cheers:hover {\n background-image: url(\"images/cheers.gif\");\n}\n\n#footer {\n font-style: italic;\n width: 400px;\n margin: 40px auto 20px;\n}\n\na {\n color: white;\n}\n\n/ \nAdd the footer paragraph according to the design. \nConfigure the anchor tag to open the link in a new tab.\nForgotten how to do it? Google it! \n\nLink: \nhttps://scrimba.com/learn/htmlandcss\n\nText:\nWant to create your own Birthday GIFt site? Take this HTML & CSS course.\n/" }, { "path": "5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n
\n
Here's how happy I am for you today 🥳
\n
(Hover over the gift)
\n
\n
\n \n
\n
How people react when you enter the room 😍
\n
\n
\n \n
\n
If I had to describe you with ONE word 👇
\n
\n
\n \n
\n
The only person as badass as you 💪
\n
\n
\n \n
\n
This one's for you, my friend 🥂
\n
\n
\n \n
Want to create your own Birthday GIFt site? Take this HTML & CSS course.
\n \n \n" }, { "path": "5. Build a Birthday GIFt Site/19. Personalize the Birthday GIFt Site/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: linear-gradient(#a2d2ff, #EFB0C9);\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\n#bday-age {\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n margin: 5px 0 10px 0;\n}\n\n#bday-date {\n margin: 0;\n background: #EFB0C9;\n padding: 5px 10px;\n border-radius: 5px;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.gift-section {\n margin-top: 50px;\n}\n\n.gift-title {\n margin-bottom: 10px;\n}\n\n.gift-hint {\n margin-top: 0;\n}\n\n#gift-img-cheers {\n height: 200px;\n}\n\n.gift-img {\n margin: 20px auto;\n max-width: 400px;\n height: 400px;\n border: 6px solid white;\n border-radius: 10px;\n background-image: url(\"images/gift-cover.jpg\");\n background-size: cover;\n}\n\n#gift-img-happy:hover {\n background-image: url(\"images/happy.gif\");\n}\n\n#gift-img-hot:hover {\n background-image: url(\"images/hot.gif\");\n}\n\n#gift-img-genius:hover {\n background-image: url(\"images/genius.gif\");\n}\n\n#gift-img-badass:hover {\n background-image: url(\"images/badass.gif\");\n}\n\n#gift-img-cheers:hover {\n background-image: url(\"images/cheers.gif\");\n}\n\n#footer {\n font-style: italic;\n width: 400px;\n margin: 40px auto 20px;\n}\n\na {\n color: white;\n}\n\n/ \nAdd the footer paragraph according to the design. \nConfigure the anchor tag to open the link in a new tab.\nForgotten how to do it? Google it! \n\nLink: \nhttps://scrimba.com/learn/htmlandcss\n\nText:\nWant to create your own Birthday GIFt site? Take this HTML & CSS course.\n/" }, { "path": "5. Build a Birthday GIFt Site/2. Add basic header styling/index.html", "content": "\n \n \n \n \n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n \n" }, { "path": "5. Build a Birthday GIFt Site/2. Add basic header styling/styles.css", "content": "/\nChallenge:\nStyle the app according to the provided design.\nThe font is called \"Happy Monkey\" and can be\nembedded via Google Fonts.\n\nDon't know how to make an image round? Google it!\nAlso, consider how you should select the image \n(class vs id vs element selector).\n/\n" }, { "path": "5. Build a Birthday GIFt Site/3. Set the colors/index.html", "content": "\n \n \n \n \n \n \n \n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n \n" }, { "path": "5. Build a Birthday GIFt Site/3. Set the colors/styles.css", "content": "/\nChallenge:\nAdd colors to the site based on the provided design.\n\npink: #EFB0C9\nblue: #a2d2ff\nwhite: #ffffff\n/\n\nbody {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n}" }, { "path": "5. Build a Birthday GIFt Site/4. Add shadow on text/index.html", "content": "\n \n \n \n \n \n \n \n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n \n" }, { "path": "5. Build a Birthday GIFt Site/4. Add shadow on text/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\n/\nChallenge:\nAdd a thin blurred border around the
,
, \nand
using the text-shadow technique you \nlearned in the Space Exploration section. Set\nthe blur to 1px and the color to black.\n/\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n}" }, { "path": "5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/index.html", "content": "\n \n \n \n \n \n \n \n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n \n" }, { "path": "5. Build a Birthday GIFt Site/5. We have a problem that flexbox can fix/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0px 0px 1px black; \n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n}\n\nh2, h4 {\n background: #EFB0C9;\n}" }, { "path": "5. Build a Birthday GIFt Site/6. Aside - align-items/index.css", "content": ".container {\n border: 8px solid #016a26;\n height: 260px;\n /\n Challenge:\n Follow my orders on where we should\n leave up our lab equipment!\n \n justify-content:\n start, center, end, space-around, \n space-evenly, space-between\n \n align-items:\n start, center, end\n /\n}\n\n.item {\n width: 50px;\n height: 50px;\n margin: 2px;\n padding: 10px;\n font-size: 50px;\n border: 2px solid black;\n background: linear-gradient(#14463d, #016a26);\n}\n" }, { "path": "5. Build a Birthday GIFt Site/6. Aside - align-items/index.html", "content": "\n \n \n \n \n
\n
🥽
\n
🧪
\n
🧫
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.css", "content": ".container {\n border: 8px solid #016a26;\n height: 360px;\n /\n Challenge:\n Follow my orders on where we should\n leave our lab equipment!\n \n justify-content:\n start, center, end, space-around, \n space-evenly, space-between\n \n align-items:\n start, center, end\n /\n display: flex;\n justify-content: start;\n align-items: start;\n}\n\n.item {\n width: 50px;\n height: 50px;\n margin: 2px;\n padding: 10px;\n font-size: 50px;\n border: 2px solid black;\n background: linear-gradient(#14463d, #016a26);\n}\n" }, { "path": "5. Build a Birthday GIFt Site/7. Aside - flex-direction/index.html", "content": "\n \n \n \n \n
\n
🥽
\n
🧪
\n
🧫
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/index.html", "content": "\n \n \n \n \n \n \n \n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n \n" }, { "path": "5. Build a Birthday GIFt Site/8. Turn the header into a flexbox/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n}\n\nh2, h4 {\n background: #EFB0C9;\n}\n\n/\nChallenge:\nFirst, wrap the HTML elements in a
with an \nid called \"header\".\n\nThen, select the \"header\" and use flexbox to achieve\nthe layout you've been provided in the design slide.\n*/" }, { "path": "5. Build a Birthday GIFt Site/9. Fix date and age design/index.html", "content": "\n \n \n \n \n \n \n \n
\n
Today is Nick's birthday 🎉
\n \n
24 years old
\n
01.11.2022
\n
\n \n" }, { "path": "5. Build a Birthday GIFt Site/9. Fix date and age design/styles.css", "content": "body {\n text-align: center;\n font-family: 'Happy Monkey', cursive;\n background: #a2d2ff;\n color: #ffffff;\n}\n\nh1, h2, h3, h4, p {\n text-shadow: 0 0 1px black;\n}\n\n#bff-img {\n width: 150px;\n border-radius: 50%;\n border: 6px solid #EFB0C9;\n margin-bottom: 10px;\n}\n\nh2, h4 {\n background: #EFB0C9;\n}\n\n#header {\n display: flex;\n flex-direction: column;\n align-items: center;\n}" }, { "path": "6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/index.html", "content": "\n\n \n \n \n \n \n \n
\n
Visit Torshov
\n
Enjoy culture and sports in this vibrant district close to the center of Oslo.
\n
\n \n \n
\n
Top three activities to do at Torshov
\n \n \n \n
\n\n \n
\n
Your guide
\n
\"I have lived at Torshov for over 30 years, so I can show you all of its best parts and hidden secrets.\"
\n
Per Harald Borgen
\n \n
\n \n" }, { "path": "6. Solo Project Hometown Homepage/2. Solo Project - Hometown Homepage/styles.css", "content": "/**\nPalette: https://scrimba.com/links/hometown-palette\nRED: #E63946\nLIGHT: #F1FAEE\nAQUA: #A8DADC\nLIGHT BLUE: #457B9D\nDARK BLUE: #1D3557\n\n*/\n\nbody {\n margin: 0;\n text-align: center;\n}\n\nimg {\n width: 100px;\n}" }, { "path": "README.md", "content": "## Welcome to [Learn HTML and CSS](https://scrimba.com/learn/htmlandcss)\r\n\r\nHere, you can find the starter files for all the challenges in the course. To get started, download the entire repo and then navigate to the folder you need - the folders are structured just like the course. \r\n\r\nIf you have any problems at all, send an email to help@scrimba.com or join our [Discord server](scrimba.com/discord) and we'll give you a hand. \r\n\r\nHappy coding!\r\n" } ]

Today is Nick's birthday 🎉

24 years old

01.11.2022

Here's how happy I am for you today 🥳

(Hover over the gift)

How people react when you enter the room 😍

If I had to describe you with ONE word 👇

The only person as badass as you 💪

This one's for you, my friend 🥂

Per Harald Borgen 👨‍💻

My work ️💅

Project 1: Google.com

Not much to see here

Not much to see here

I code, therefore, I am

Humans have reached Mars

The Starship rocket successfully landed on the red planet this morning.

Humans have reached Mars

The Starship rocket successfully landed on the red planet this morning.

Welcome!

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Dancing plague of 1518

The dancing plague of 1518, or dance epidemic of 1518, was a case of dancing mania that occurred in Strasbourg, Alsace (modern-day France), in the Holy Roman Empire from July 1518 to September 1518. Somewhere between 50 and 400 people took to dancing for days.

Events

Modern theories

Food poisoning

Stress-induced mass hysteria

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Upgrade to Pro

For individuals

For enterprise

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Per Harald Borgen

Oslo, Norway

Join the exploration

Terms and conditions apply

Join the exploration

NETFLIX

Join the exploration

Terms and conditions apply

Join the exploration

Join the exploration

Join the exploration

The Godfather

You got the joker 🃏

Click here to get your prize! 💰

Join the exploration

Join the exploration

Join the exploration

Today is Nick's birthday 🎉

24 years old

01.11.2022

Here's how happy I am for you today 🥳

(Hover over the gift)

How people react when you enter the room 😍

If I had to describe you with ONE word 👇

The only person as badass as you 💪