commit 220d27332baf63ac14825a14499007077f7f7df9 Author: Ouidade Date: Tue Sep 17 11:59:20 2019 +0200 premier commit diff --git a/cv.html b/cv.html new file mode 100644 index 0000000..7949a1c --- /dev/null +++ b/cv.html @@ -0,0 +1,87 @@ + + + + + + + CV Ouidade Soussi + + + + + +
+
+

Ouidade Soussi Chiadmi

+

Photographe indépendante, collectif Figures Libres

+
+
+ logo +
+
+ +
+ + + + + +
+
+

Mon expérience

+
+
    +
  • MateriO : Prise de vue en studio d’installations créées et + mises en scène par Nicolas Couturier pour une campagne de communication de MatériO’. +
    • +
  • La 27e Région : Prise de vue en studio d’installations créées et + mises en scène par Xavier Figuerola et Nicolas Couturier pour campagne de com de la 27e Région. +
    • +
  • Denis Doistau, architecte d’intérieur pour g.u.i. design intéractif et Unefois 2, design + graphique. Photographies d’espaces intérieurs. + www.denisdoistau.com + www.g-u-i.net / www.unefois2.com +
    • +
  • Nina Ricci Maison : Création lumière pour prise de vue studio des + collections de linge de maison. +
    • +
+
+
+ +
+

Mes compétences

+
+
    +
  • Gimp
    • +
  • Darktable
    • +
  • Scribus
    • +
  • Inkscape
    • +
+
+
+ +
+

Ma formation

+
+
    +
  • École Nationale Supérieure des Arts Décoratifs, Paris
    • +
  • École des Beaux Arts de Saint Etienne
    • +
+
+
+
+
+ + + + + + diff --git a/images/O_signature_big.jpg b/images/O_signature_big.jpg new file mode 100644 index 0000000..db5e07d Binary files /dev/null and b/images/O_signature_big.jpg differ diff --git a/images/O_signature_puce.png b/images/O_signature_puce.png new file mode 100644 index 0000000..9663765 Binary files /dev/null and b/images/O_signature_puce.png differ diff --git a/images/O_signature_small.jpg b/images/O_signature_small.jpg new file mode 100644 index 0000000..b42b2a5 Binary files /dev/null and b/images/O_signature_small.jpg differ diff --git a/images/fond.jpeg b/images/fond.jpeg new file mode 100644 index 0000000..48d4a85 Binary files /dev/null and b/images/fond.jpeg differ diff --git a/images/fond.png b/images/fond.png new file mode 100644 index 0000000..817582a Binary files /dev/null and b/images/fond.png differ diff --git a/images/fond_2.jpg b/images/fond_2.jpg new file mode 100644 index 0000000..38e4dd8 Binary files /dev/null and b/images/fond_2.jpg differ diff --git a/polices/droidsans-webfont.eot b/polices/droidsans-webfont.eot new file mode 100644 index 0000000..4b940f2 Binary files /dev/null and b/polices/droidsans-webfont.eot differ diff --git a/polices/droidsans-webfont.svg b/polices/droidsans-webfont.svg new file mode 100644 index 0000000..ab4a017 --- /dev/null +++ b/polices/droidsans-webfont.svg @@ -0,0 +1,2018 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/polices/droidsans-webfont.ttf b/polices/droidsans-webfont.ttf new file mode 100644 index 0000000..0e94314 Binary files /dev/null and b/polices/droidsans-webfont.ttf differ diff --git a/polices/droidsans-webfont.woff b/polices/droidsans-webfont.woff new file mode 100644 index 0000000..7d9f214 Binary files /dev/null and b/polices/droidsans-webfont.woff differ diff --git a/polices/figli-ouidade-webfont.eot b/polices/figli-ouidade-webfont.eot new file mode 100644 index 0000000..a87a239 Binary files /dev/null and b/polices/figli-ouidade-webfont.eot differ diff --git a/polices/figli-ouidade-webfont.svg b/polices/figli-ouidade-webfont.svg new file mode 100644 index 0000000..94f2825 --- /dev/null +++ b/polices/figli-ouidade-webfont.svg @@ -0,0 +1,989 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/polices/figli-ouidade-webfont.ttf b/polices/figli-ouidade-webfont.ttf new file mode 100644 index 0000000..6b3b669 Binary files /dev/null and b/polices/figli-ouidade-webfont.ttf differ diff --git a/polices/figli-ouidade-webfont.woff b/polices/figli-ouidade-webfont.woff new file mode 100644 index 0000000..cf1d492 Binary files /dev/null and b/polices/figli-ouidade-webfont.woff differ diff --git a/style_2.css b/style_2.css new file mode 100644 index 0000000..1c3d540 --- /dev/null +++ b/style_2.css @@ -0,0 +1,143 @@ +@font-face +{ + font-family: 'figli-ouidade'; + src: url('polices/figli-ouidade-webfont.eot'); + src: url('polices/figli-ouidade-webfont.eot') format('embedded-opentype'), + url('polices/figli-ouidade-webfont.woff') format('woff'), + url('polices/figli-ouidade-webfont.ttf') format('truetype'), + url('polices/figli-ouidade-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face +{ + font-family: 'droidsans'; + src: url('polices/droidsans-webfont.eot'); + src: url('polices/droidsans-webfont.eot') format('embedded-opentype'), + url('polices/droidsans-webfont.woff') format('woff'), + url('polices/droidsans-webfont.ttf') format('truetype'), + url('polices/droidsans-webfont.svg') format('svg'); + font-weight: normal; + font-style: normal; +} + + +body { + display: flex; + flex-direction: column; + width: 80%; + position: absolute; + right: 0; + background-image: url(images/fond.png); + box-sizing: border-box; + +} + + +header p { + font-size: 0.8em; +} + +header img { + + top: ; + right:; + margin: 20px; +} + + +header { + display: flex; + flex-direction: row; + justify-content: center; + font-family: figli-ouidade, sans-serif; + margin-left: 50px; + margin: 20px; + margin-top: 40px; + border-bottom: #e30613 solid 3px; + padding-bottom: 20px; + text-align: center; +} + +header div { + +} +h2 { + color: #5b2d87; +} + +.bonjour { + display: flex; + font-family: droidsans, sans-serif; + position: relative; + width: 18%; + height: 100%; + background-color: #5b2d87; + border-radius: 20px; + position: fixed; + top: 0; + left: 0; + font-family: figli-ouidade; + font-size: 8vw; + writing-mode: vertical-lr; + +} + +/* exemple trouvé sur web pour font scaling based on container's width: +div { + width: 50%; + border: 1px solid black; + margin: 20px; + font-size: 16px; + /* 100 = viewport width, as 1vw = 1/100th of that + So if the container is 50% of viewport (as here) + then factor that into how you want it to size. + Let's say you like 5vw if it were the whole width, + then for this container, size it at 2.5vw (5 * .5 [i.e. 50%]) + font-size: 2.5vw; +} +*/ + +.bonjour p { + position: relative; + margin: auto; + /* transform: rotateX(90deg); */ +} + +.contenu { + display: flex; + flex-direction: row; + justify-content: space-between; + + margin-left: 50px; + margin-top: 40px; + padding: 40px; + font-family: droidsans; + box-shadow: 4px 4px 4px; +} +/* +.contenu div { + padding: 10px; + flex-grow: 1; + flex-shrink: 1; + flex-basis: 0; +} +*/ +.contenu section { + flex: 1; + padding: 20px; +} + +section ul { + list-style-image: url(images/O_signature_puce.png) ; +} + +footer { + margin: 40px; + padding: 40px; +} + +.contact { + text-align: center; +}