From: Louis Jeckel Date: Mon, 3 Aug 2020 15:47:25 +0000 (+0200) Subject: navbar X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6a97e761b3d611c3ce1eea58111350df9e01ac20;p=psq.git navbar --- diff --git a/public/admin/css/admin.css b/public/admin/css/admin.css index 7f979a7..6dc3827 100644 --- a/public/admin/css/admin.css +++ b/public/admin/css/admin.css @@ -9156,4 +9156,8 @@ button:focus { transform-origin: center; transition: stroke-dashoffset 0.25s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: stroke-dashoffset, stroke-dasharray, stroke-width, animation-name, r; +} + +.md-theme-default a:not(.md-button) { + color: inherit !important; } \ No newline at end of file diff --git a/public/css/app.css b/public/css/app.css index 3a4ca33..c49117c 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -7397,7 +7397,8 @@ button.bg-dark:focus { display: inline-block !important; } - .d-lg-block { + .d-lg-block, + nav p { display: block !important; } @@ -9558,7 +9559,8 @@ button.bg-dark:focus { } .pr-md-3, - .px-md-3 { + .px-md-3, + nav > div { padding-right: 1rem !important; } @@ -9568,7 +9570,8 @@ button.bg-dark:focus { } .pl-md-3, - .px-md-3 { + .px-md-3, + nav > div { padding-left: 1rem !important; } @@ -11109,11 +11112,37 @@ mark.mark { margin: 1em auto; } +a { + color: #074e9c !important; +} + nav { + margin-bottom: 1.5rem; display: flex; justify-content: space-around; } +nav > div { + flex: 1 1 0; + text-align: center; + padding: 5px; + width: 0; +} + +nav img { + max-width: 100px; + margin-bottom: 1rem; +} + +nav p { + display: none; + font-size: small; + font-weight: 500; + text-transform: uppercase; + text-align: center; + word-break: break-word; +} + .highlight-purple { color: white; background-color: #AD5ED3; @@ -11135,7 +11164,7 @@ h1 { h1 { text-transform: uppercase; - margin: auto auto 2rem; + margin: auto auto 1rem; text-align: center; display: table; font-size: x-large; diff --git a/public/img/blue-pill-box.svg b/public/img/blue-pill-box.svg new file mode 100644 index 0000000..1533a13 --- /dev/null +++ b/public/img/blue-pill-box.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/cover-bg-center.png b/public/img/cover-bg-center.png deleted file mode 100644 index eb2069c..0000000 Binary files a/public/img/cover-bg-center.png and /dev/null differ diff --git a/public/img/cover-bg.png b/public/img/cover-bg.png deleted file mode 100644 index ece1e07..0000000 Binary files a/public/img/cover-bg.png and /dev/null differ diff --git a/public/img/nav/1-lactu.svg b/public/img/nav/1-lactu.svg new file mode 100644 index 0000000..366fb5c --- /dev/null +++ b/public/img/nav/1-lactu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/2-lacom.svg b/public/img/nav/2-lacom.svg new file mode 100644 index 0000000..8150303 --- /dev/null +++ b/public/img/nav/2-lacom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/3-enplus.svg b/public/img/nav/3-enplus.svg new file mode 100644 index 0000000..6c9a05c --- /dev/null +++ b/public/img/nav/3-enplus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/4-lemag.svg b/public/img/nav/4-lemag.svg new file mode 100644 index 0000000..8eb0714 --- /dev/null +++ b/public/img/nav/4-lemag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/5-onair.svg b/public/img/nav/5-onair.svg new file mode 100644 index 0000000..c5385af --- /dev/null +++ b/public/img/nav/5-onair.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/6-leslabos.svg b/public/img/nav/6-leslabos.svg new file mode 100644 index 0000000..d692303 --- /dev/null +++ b/public/img/nav/6-leslabos.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/img/nav/7-pasabonne.svg b/public/img/nav/7-pasabonne.svg new file mode 100644 index 0000000..dddbfe5 --- /dev/null +++ b/public/img/nav/7-pasabonne.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/resources/sass/admin.scss b/resources/sass/admin.scss index b511455..9aa9a62 100644 --- a/resources/sass/admin.scss +++ b/resources/sass/admin.scss @@ -42,5 +42,7 @@ .md-scrollbar::-webkit-scrollbar{width:8px;height:8px;border-radius:8px}.md-scrollbar::-webkit-scrollbar-thumb{border-radius:8px}.md-scrollbar::-webkit-scrollbar-button{display:none}.md-caption{font-size:12px;font-weight:400;letter-spacing:.02em;line-height:17px}.md-body-2{font-weight:500;line-height:24px}.md-subheading{font-size:16px;font-weight:400;letter-spacing:.01em;line-height:24px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em;line-height:26px}.md-headline{font-size:24px;line-height:32px}.md-display-1,.md-headline{font-weight:400;letter-spacing:0}.md-display-1{font-size:34px;line-height:40px}.md-display-2{font-size:45px;font-weight:400;letter-spacing:0;line-height:48px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:58px}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}button:focus{outline:none}@keyframes a{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(.5,0,.7,.5);transform:translateX(0)}60%{animation-timing-function:cubic-bezier(.3,.38,.55,.96);transform:translateX(83.67%)}to{transform:translateX(200.61%)}}@keyframes b{0%{transform:scaleX(.08)}35%{animation-timing-function:cubic-bezier(.33,.12,.79,1);transform:scaleX(.08)}70%{animation-timing-function:cubic-bezier(.06,.11,.6,1);transform:scaleX(.66)}to{transform:scaleX(.08)}}@keyframes c{0%{animation-timing-function:cubic-bezier(.15,0,.52,.41);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(.31,.28,.8,.73);transform:translateX(37.65%)}50%{animation-timing-function:cubic-bezier(.4,.63,.6,.9);transform:translateX(84.39%)}to{transform:translateX(160.28%)}}@keyframes d{0%{animation-timing-function:cubic-bezier(.15,0,.52,.41);transform:scaleX(.08)}20%{animation-timing-function:cubic-bezier(.31,.28,.8,.73);transform:scaleX(.46)}45%{animation-timing-function:cubic-bezier(.4,.63,.6,.9);transform:scaleX(.73)}to{transform:scaleX(.08)}}@keyframes e{to{transform:translate3D(-8px,0,0)}}.md-progress-bar{height:5px;overflow:hidden;position:relative;transform:translateZ(0) scaleY(1);transform-origin:center center;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.md-progress-bar.md-indeterminate .md-progress-bar-track,.md-progress-bar.md-query .md-progress-bar-track{left:-150%;animation:a 2s infinite linear}.md-progress-bar.md-indeterminate .md-progress-bar-track:after,.md-progress-bar.md-query .md-progress-bar-track:after{animation:b 2s infinite linear}.md-progress-bar.md-indeterminate .md-progress-bar-fill,.md-progress-bar.md-query .md-progress-bar-fill{left:-55%;animation:c 2s infinite linear}.md-progress-bar.md-indeterminate .md-progress-bar-fill:after,.md-progress-bar.md-query .md-progress-bar-fill:after{animation:d 2s infinite linear}.md-progress-bar.md-buffer .md-progress-bar-buffer,.md-progress-bar.md-buffer .md-progress-bar-fill,.md-progress-bar.md-buffer .md-progress-bar-track,.md-progress-bar.md-determinate .md-progress-bar-buffer,.md-progress-bar.md-determinate .md-progress-bar-fill,.md-progress-bar.md-determinate .md-progress-bar-track{transition:.25s cubic-bezier(.25,.8,.25,1)}.md-progress-bar.md-determinate .md-progress-bar-track{display:none}.md-progress-bar.md-buffer .md-progress-bar-buffer{border-top:4px dotted;animation:e .25s infinite linear}.md-progress-bar.md-query{transform:rotate(180deg)}.md-progress-bar-enter,.md-progress-bar-leave-active{opacity:.5;transform:translateZ(0) scaleY(0)}.md-progress-bar-buffer,.md-progress-bar-fill,.md-progress-bar-track{transform-origin:top left}.md-progress-bar-buffer,.md-progress-bar-buffer:after,.md-progress-bar-fill,.md-progress-bar-fill:after,.md-progress-bar-track,.md-progress-bar-track:after{width:100%;height:100%;position:absolute;will-change:transform}.md-progress-bar-buffer:after,.md-progress-bar-fill:after,.md-progress-bar-track:after{display:inline-block;left:0;content:" "}@keyframes f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes g{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}20%{opacity:1}to{transform:rotate(270deg) translateZ(0)}}@keyframes h{0%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(0)}12.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(0)}12.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(72.5deg)}25%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(72.5deg)}25.1%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(270deg)}37.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(270deg)}37.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(161.5deg)}50%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(161.5deg)}50.01%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(180deg)}62.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(180deg)}62.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(251.5deg)}75%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(251.5deg)}75.01%{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotate(90deg)}87.5%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotate(90deg)}87.51%{stroke-dashoffset:var(--md-progress-spinner-end-value);transform:rotateX(180deg) rotate(341.5deg)}to{stroke-dashoffset:var(--md-progress-spinner-start-value);transform:rotateX(180deg) rotate(341.5deg)}}.md-progress-spinner{display:inline-flex;position:relative}.md-progress-spinner.md-indeterminate{animation:f 2s linear infinite}.md-progress-spinner.md-indeterminate.md-progress-spinner-enter .md-progress-spinner-draw,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-to .md-progress-spinner-draw{opacity:0;transform:scale(.1)}.md-progress-spinner.md-indeterminate.md-progress-spinner-enter-active,.md-progress-spinner.md-indeterminate.md-progress-spinner-leave-active{transition-duration:.4s;animation:none}.md-progress-spinner.md-indeterminate .md-progress-spinner-circle{animation:4s infinite cubic-bezier(.25,.8,.25,1);animation-name:h}.md-progress-spinner.md-determinate.md-progress-spinner-enter-active{transition-duration:2s}.md-progress-spinner.md-determinate.md-progress-spinner-enter-active .md-progress-spinner-draw{animation:g 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-progress-spinner.md-determinate.md-progress-spinner-leave-active{transition-duration:2s}.md-progress-spinner.md-determinate.md-progress-spinner-leave-active .md-progress-spinner-draw{animation:g reverse 1.98s cubic-bezier(.25,.8,.25,1) forwards}.md-progress-spinner.md-determinate .md-progress-spinner-draw{transition:none}.md-progress-spinner-draw{overflow:visible;transform:scale(1) rotate(-90deg);transform-origin:center;transition:.4s cubic-bezier(.25,.8,.25,1);will-change:opacity,transform}.md-progress-spinner-circle{fill:none;transform-origin:center;transition:stroke-dashoffset .25s cubic-bezier(.25,.8,.25,1);will-change:stroke-dashoffset,stroke-dasharray,stroke-width,animation-name,r} - +.md-theme-default a:not(.md-button) { + color: inherit !important; +} diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 98da316..ed3c370 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -20,13 +20,41 @@ margin: 1em auto; } +a { + color: $psq_blue !important; +} //nav nav { + margin-bottom: 1.5rem; display: flex; justify-content: space-around; + > div { + @extend .px-md-3; + flex: 1 1 0; + text-align: center; + padding: 5px; + width: 0; + } + + img { + max-width: 100px; + margin-bottom: 1rem; + + } + + p { + @extend .d-lg-block; + display: none; + font-size: small; + font-weight: 500; + text-transform: uppercase; + text-align: center; + word-break: break-word; + } + } @@ -54,7 +82,7 @@ nav { h1 { @extend .highlight-red; text-transform: uppercase; - margin: auto auto 2rem; + margin: auto auto 1rem; text-align: center; display: table; font-size: x-large; diff --git a/resources/views/components/nav.blade.php b/resources/views/components/nav.blade.php new file mode 100644 index 0000000..fded5c8 --- /dev/null +++ b/resources/views/components/nav.blade.php @@ -0,0 +1,70 @@ + diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php index dadc0dd..57a44d9 100644 --- a/resources/views/home/index.blade.php +++ b/resources/views/home/index.blade.php @@ -5,7 +5,7 @@

L'actualité à la une de notre quotidien

-
+
  • à la une aujourd'hui
@@ -23,7 +23,7 @@
-
+
  • Nos précédentes éditions
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php index 02f49fd..2f13d11 100644 --- a/resources/views/layouts/app.blade.php +++ b/resources/views/layouts/app.blade.php @@ -31,53 +31,7 @@ - + @include('components.nav')