Skip to content

Instantly share code, notes, and snippets.

View clarade's full-sized avatar
:shipit:
Creatin some stuff

Clara Desp clarade

:shipit:
Creatin some stuff
View GitHub Profile
@clarade
clarade / Find-the-precious-cd.html
Created September 4, 2019 20:52
Create a website, only using html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Find the Precious</title>
</head>
<body>
<h1>Find The Precious</h1>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Find the Precious</title>
</head>
<body>
<h1>Find The Precious</h1>
@clarade
clarade / find-the-precious-head-v2.html
Created September 6, 2019 11:07
Putting some additonnal informations on the head section
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A legendary Odyssey where you'll have to create your army, cloaking yourself with special friends,
goblins, orcs, dwarfs and wizards.">
<meta name="author" content="Clarade">
<title>Find the Precious</title>
</head>
@clarade
clarade / index.html
Last active September 17, 2019 14:19
Opacity and greyscale on css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Catch'em all!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<img class="hover-effect" src="http://images.innoveduc.fr/integration_parcours/css/css_selectors_props/hobbit-house.jpg" alt="Hobbit house">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="A legendary Odyssey where you'll have to create your army, cloaking yourself with special friends,
goblins, orcs, dwarfs and wizards.">
<meta name="author" content="Clarade">
<title>Find the Precious</title>
</head>
@clarade
clarade / favorite-movie.js
Created September 23, 2019 09:45
Working on js basics, adding some informations about our favorite movie
const movieTitle = 'Las Vegas Parano';
const realisedBy = 'Terry Gilliam';
const releaseDate = '1998';
alert('Mon film favori est ' + movieTitle + ', réalisé par ' + realisedBy + ' en ' + releaseDate +'!');
@clarade
clarade / index.html
Created November 2, 2019 16:43
Small challenge about CSS responsive web design
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Find the precious!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav>
<ul>
@clarade
clarade / SELECT.sql
Created November 20, 2019 09:51
Small exercise to learn different features on mysql
mysql> SELECT id, firstname, lastname, birthday, birth_place, biography, is_muggle
FROM wizard
WHERE birthday BETWEEN '1975-01-01' AND '1985-12-31';
+----+-----------+----------+------------+-------------+---------------------------------------+-----------+
| id | firstname | lastname | birthday | birth_place | biography | is_muggle |
+----+-----------+----------+------------+-------------+---------------------------------------+-----------+
| 1 | harry | potter | 1980-07-31 | london | | 0 |
| 2 | hermione | granger | 1979-09-19 | | Friend of Harry Potter | 0 |
| 4 | ron | weasley | 1980-03-01 | | Best friend of Harry | 0 |
| 5 | ginny | weasley | 1981-08-11 | | Sister of Ron and girlfriend of Harry | 0 |
@clarade
clarade / UPDATE_DELETE.sql
Created November 20, 2019 11:06
Exercise about Update, Delete and Like features on mysql
mysql> INSERT INTO school (name, country, capacity)
-> VALUES ('Beauxbatons Academy of Magic', 'France', 550),
-> ('Castelobruxo', 'Brazil', 380),
-> ('Durmstrang Institute', 'Norway', 570),
-> ('Hogwarts School of Witchcraft and Wizardry', 'United Kingdom', 450),
-> ('Ilvermorny School of Witchcraft and Wizardry', 'USA', 300),
-> ('Koldovstoretz', 'Russia', 125),
-> ('Mahoutokoro School of Magic', 'Japan', 800),
-> ('Uagadou School of Magic', 'Uganda', 350);
Query OK, 8 rows affected (0,01 sec)
@clarade
clarade / express-quest-1.js
Created November 29, 2019 16:30
Testing req and res on Express
const express = require("express");
const app = express();
const port = 3000;
app.listen(port, err => {
if (err) {
throw new Error("Something bad happened...");
}
console.log(`Server is listening on ${port}`);