]> _ Git - pmi.git/commitdiff
wip #2755 @0.25
authornael <nael@cubedesigners.com>
Tue, 11 Jun 2019 16:10:22 +0000 (18:10 +0200)
committernael <nael@cubedesigners.com>
Tue, 11 Jun 2019 16:10:22 +0000 (18:10 +0200)
public/_modules/news-feed/img/news.png [new file with mode: 0644]
public/_modules/news-feed/index.html [new file with mode: 0644]
public/_modules/news-feed/style.css [new file with mode: 0644]
public/_modules/news-feed/style.styl [new file with mode: 0644]

diff --git a/public/_modules/news-feed/img/news.png b/public/_modules/news-feed/img/news.png
new file mode 100644 (file)
index 0000000..c932be9
Binary files /dev/null and b/public/_modules/news-feed/img/news.png differ
diff --git a/public/_modules/news-feed/index.html b/public/_modules/news-feed/index.html
new file mode 100644 (file)
index 0000000..d876f54
--- /dev/null
@@ -0,0 +1,49 @@
+<!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="style.css">
+    <link rel="stylesheet" href="../../css/app.css">
+    <link href="https://fonts.googleapis.com/css?family=Barlow:500,600|Muli&display=swap" rel="stylesheet">
+    <title>pmi</title>
+</head>
+<body>
+
+<div id="news" class="container mt-5 flex flex-col">
+    <div class="news-feed flex">
+        <img class="mr-12" src="img/news.png" alt="">
+        <div class="news-actu text-grey-dark">
+            <span class="news-date">12/01/19</span>
+            <h3>LSO-12-X98 - Surveillance de pont</h3>
+            <p >
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam,
+                ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan
+                purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus.
+                Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet.
+            </p>
+            <a href="#">En savoir plus</a>
+        </div>
+    </div>
+
+    <div class="news-feed flex mt-12">
+        <img class="mr-12" src="img/news.png" alt="">
+        <div class="news-actu text-grey-dark">
+            <span class="news-date">12/01/19</span>
+            <h3>LSO-12-X98 - Surveillance de pont</h3>
+            <p >
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum dolor diam,
+                ac venenatis tortor egestas in. Curabitur nec enim interdum, blandit mi at, accumsan
+                purus. Phasellus a nisl vel mauris fringilla dapibus in ac turpis. In vel purus metus.
+                Vivamus aliquet pretium mi, eget tempor neque suscipit sit amet.
+            </p>
+            <a href="#">En savoir plus</a>
+        </div>
+    </div>
+</div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/public/_modules/news-feed/style.css b/public/_modules/news-feed/style.css
new file mode 100644 (file)
index 0000000..d8425d9
--- /dev/null
@@ -0,0 +1,12 @@
+* {
+  padding: 0;
+  box-sizing: border-box !important;
+  margin: 0;
+  font-family: 'Muli', sans-serif;
+}
+#news .news-actu {
+  max-width: 744px;
+}
+#news .news-date {
+  font-size: 14px;
+}
diff --git a/public/_modules/news-feed/style.styl b/public/_modules/news-feed/style.styl
new file mode 100644 (file)
index 0000000..f6517dc
--- /dev/null
@@ -0,0 +1,21 @@
+$h3 = 24px
+$h2 = 36px
+$barlow = 'Barlow', sans-serif
+$muli = 'Muli', sans-serif
+$dark = #6B7287
+$lightgrey = #F7F8FC
+$darkblue = #152F4E
+$lightblue = #0EAADA
+$verylightgrey =#E7E9F3
+
+*
+  padding: 0
+  box-sizing: border-box !important
+  margin: 0
+  font-family: $muli
+
+#news
+  .news-actu
+    max-width: 744px
+  .news-date
+    font-size: 14px