]> _ Git - macair.git/commitdiff
projects / macair.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: aa99c6a)
WIP #2652 @2:30
authornael <nael@cubedesigners.com>
Tue, 30 Apr 2019 14:50:32 +0000 (16:50 +0200)
committernael <nael@cubedesigners.com>
Tue, 30 Apr 2019 14:50:32 +0000 (16:50 +0200)
BarlowSemiCondensed-Medium.woff [new file with mode: 0644] patch | blob
css/style.css [new file with mode: 0644] patch | blob
css/style.sass [new file with mode: 0644] patch | blob
img/background.png [new file with mode: 0644] patch | blob
img/logo.png [new file with mode: 0644] patch | blob
index.php [new file with mode: 0644] patch | blob

diff --git a/BarlowSemiCondensed-Medium.woff b/BarlowSemiCondensed-Medium.woff
new file mode 100644 (file)
index 0000000..53e13b0
Binary files /dev/null and b/BarlowSemiCondensed-Medium.woff differ
diff --git a/css/style.css b/css/style.css
new file mode 100644 (file)
index 0000000..e40745c
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,72 @@
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box; }
+
+@font-face {
+  font-family: "Barlow";
+  src: url("../BarlowSemiCondensed-Medium.woff") format("woff"); }
+body {
+  font-family: Barlow, sans-serif; }
+
+.form {
+  display: inherit; }
+
+.container {
+  background-image: url("../img/background.png");
+  background-size: cover;
+  background-repeat: no-repeat;
+  width: 100vw;
+  height: 100vh;
+  background-position: center;
+  display: flex;
+  align-items: center;
+  flex-direction: column; }
+
+.img {
+  margin: 10vh 0; }
+
+.mail {
+  width: 384px;
+  height: 60px;
+  background: white;
+  border: none;
+  font-size: 20px;
+  color: black;
+  padding: 0 24px; }
+  .mail-btn {
+    width: 384px;
+    height: 60px;
+    background: #2FA07B;
+    border: none;
+    font-size: 20px;
+    color: white;
+    cursor: pointer; }
+
+input::placeholder {
+  color: black; }
+
+@media (max-width: 900px) {
+  .form {
+    display: block; }
+
+  .mail-btn {
+    display: block;
+    width: 300px;
+    max-width: 300px;
+    min-width: 200px;
+    margin: 0 20px; }
+
+  .mail {
+    width: 300px;
+    max-width: 300px;
+    min-width: 200px;
+    margin: 0 20px; }
+
+  .img {
+    max-width: 250px; }
+
+  input::placeholder {
+    text-align: center; } }
+
+/*# sourceMappingURL=style.css.map */
diff --git a/css/style.sass b/css/style.sass
new file mode 100644 (file)
index 0000000..0e95436
--- /dev/null
+++ b/css/style.sass
@@ -0,0 +1,66 @@
+$green : #2FA07B
+*
+  padding: 0
+  margin: 0
+  box-sizing: border-box
+@font-face
+  font-family: "Barlow"
+  src: url("../BarlowSemiCondensed-Medium.woff") format("woff")
+body
+  font-family: Barlow, sans-serif
+.form
+  display: inherit
+
+.container
+  background-image: url("../img/background.png")
+  background-size: cover
+  background-repeat: no-repeat
+  width: 100vw
+  height: 100vh
+  background-position: center
+  display: flex
+  align-items: center
+  flex-direction: column
+
+.img
+  margin: 10vh 0
+.mail
+  width: 384px
+  height: 60px
+  background: white
+  border: none
+  font-size: 20px
+  color: black
+  padding: 0 24px
+  &-btn
+    width: 384px
+    height: 60px
+    background: $green
+    border: none
+    font-size: 20px
+    color: white
+    cursor: pointer
+input::placeholder
+  color: black
+@media (max-width: 900px)
+  .form
+    display: block
+  .mail-btn
+    display: block
+    width: 300px
+    max-width: 300px
+    min-width: 200px
+    margin: 0 20px
+  .mail
+    width: 300px
+    max-width: 300px
+    min-width: 200px
+    margin: 0 20px
+
+  .img
+    max-width: 250px
+    //min-width: 80px
+
+  input::placeholder
+    text-align: center
+
diff --git a/img/background.png b/img/background.png
new file mode 100644 (file)
index 0000000..0427293
Binary files /dev/null and b/img/background.png differ
diff --git a/img/logo.png b/img/logo.png
new file mode 100644 (file)
index 0000000..231b84c
Binary files /dev/null and b/img/logo.png differ
diff --git a/index.php b/index.php
new file mode 100644 (file)
index 0000000..e72abe6
--- /dev/null
+++ b/index.php
@@ -0,0 +1,31 @@
+<?php
+if(isset($_POST['mail']))
+{
+    $data=$_POST['mail'].PHP_EOL;
+    $fp = fopen('mail.txt', 'a');
+    fwrite($fp, $data);
+    fclose($fp);
+}
+?>
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport"
+          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link rel="stylesheet" href="css/style.css">
+    <title>Macair</title>
+</head>
+<body>
+<div class="container">
+    <img class="img" src="img/logo.png" alt="">
+
+    <form class="form" method="post">
+        <input class="mail" type="email" name="mail" placeholder="votre email">
+        <button class="mail-btn" type="submit">S'inscrire à la newsletter</button>
+    </form>
+
+</div>
+</body>
+</html>
Unnamed repository; edit this file 'description' to name the repository.