@@ -75,6 +75,12 @@ nav h1 { | |||||
display: inline-block; | display: inline-block; | ||||
} | } | ||||
nav.info-page h1 { | |||||
margin: 4px 0 10px 6px; | |||||
display: inline-block; | |||||
color: vars.getColor('brand-orange'); | |||||
} | |||||
.formal-font { | .formal-font { | ||||
font-family: "FreeSans"; | font-family: "FreeSans"; | ||||
} | } | ||||
@@ -642,3 +648,18 @@ div.register-area.active { | |||||
} | } | ||||
} | } | ||||
.info-heading { | |||||
margin-top: 3em; | |||||
margin-left: auto; | |||||
margin-right: auto; | |||||
max-width: 35em; | |||||
padding: 3em; | |||||
height: 30em; | |||||
button { | |||||
display: block; | |||||
margin: 3em auto; | |||||
width: 6em; | |||||
@include vars.special-button("light-green", "dark-green"); | |||||
} | |||||
} | |||||
@@ -1,10 +1,11 @@ | |||||
@extends('master') | @extends('master') | ||||
@section('title', 'Home') | @section('title', 'Home') | ||||
@section('heading-style', 'Home') | |||||
@section('head-metas') | @section('head-metas') | ||||
@parent | @parent | ||||
<link rel="stylesheet" href="css/app.css"> | |||||
<link rel="stylesheet" href="css/main.css"> | |||||
@endsection | @endsection | ||||
@section('content') | @section('content') | ||||
@@ -11,7 +11,7 @@ | |||||
</head> | </head> | ||||
<body> | <body> | ||||
<nav class='navigator' role="navigation"> | |||||
<nav class="navigator @yield('heading-style')" role="navigation"> | |||||
<a id='logo' href='/'> | <a id='logo' href='/'> | ||||
<h1>Trendplays</h1> | <h1>Trendplays</h1> | ||||
<img src="/img/arrow-up.svg" height="30px" alt=""> | <img src="/img/arrow-up.svg" height="30px" alt=""> | ||||
@@ -1,6 +1,7 @@ | |||||
@extends('master') | @extends('master') | ||||
@section('title', 'Home') | @section('title', 'Home') | ||||
@section('heading-style', 'info-page') | |||||
@section('head-metas') | @section('head-metas') | ||||
@parent | @parent | ||||
@@ -18,5 +19,7 @@ | |||||
@section('scripts') | @section('scripts') | ||||
@parent | @parent | ||||
<script src="main.js"></script> | |||||
<script src="js/app.js"></script> | |||||
<script src="js/chunk-vendors.js"></script> | |||||
<!-- <script src="main.js"></script> --> | |||||
@endsection | @endsection |