diff options
| author | lowercasename <raphaelkabo@gmail.com> | 2019-08-24 12:36:13 +0100 |
|---|---|---|
| committer | lowercasename <raphaelkabo@gmail.com> | 2019-08-24 12:36:13 +0100 |
| commit | 129042fd8221963a6936314760df7e3dc493e3ac (patch) | |
| tree | 8b09b1b4962788a083bdbc14a903553303f2496b | |
| parent | fd018d54b38c89426bd7ff9b42203b8475c16db8 (diff) | |
More mucking about with CSS
| -rwxr-xr-x | public/css/style.css | 28 | ||||
| -rwxr-xr-x | views/event.handlebars | 2 | ||||
| -rwxr-xr-x | views/layouts/main.handlebars | 6 | ||||
| -rwxr-xr-x | views/partials/sidebar.handlebars | 8 |
4 files changed, 33 insertions, 11 deletions
diff --git a/public/css/style.css b/public/css/style.css index 3793e8f..ff2d120 100755 --- a/public/css/style.css +++ b/public/css/style.css @@ -20,6 +20,11 @@ body, html { flex: 1; } +#fixedContainer { + position: sticky; + top: 0; +} + #footerContainer { border-top: 1px solid #e0e0e0; text-align: center; @@ -31,11 +36,28 @@ body, html { border-bottom: 2px solid #e0e0e0; } -#sidebar>h1 { - font-family: "Raleway", serif; - font-weight: 900; +#sidebar h1 { + font-family: "Fredoka One", sans-serif; + font-weight: 700; text-align: center; letter-spacing: -0.5px; + font-size: 3rem; + color: transparent !important; + margin-bottom: 0; +} + +#sidebar h1 a { + background: rgb(33, 37, 41); + background-clip: text; + color: transparent !important; +} + +#sidebar h1 a:hover { + text-decoration: none; + background: linear-gradient(to right, #27aa45, #7fe0c8, #5d26c1); + background-size: 100% 100%; + background-clip: text; + color: transparent !important; } #content { diff --git a/views/event.handlebars b/views/event.handlebars index 1b25f20..fdbc7cf 100755 --- a/views/event.handlebars +++ b/views/event.handlebars @@ -8,7 +8,7 @@ <h3 id="eventName">{{eventData.name}}</h3> </div> {{#if editingEnabled}} - <div class="col-lg-2 text-right"> + <div class="col-lg-2 ml-2"> <div class="btn-group" role="group" aria-label="Event controls"> <button type="button" id="editEvent" class="btn btn-success" data-toggle="modal" data-target="#editModal" {{#if eventHasConcluded}}disabled{{/if}}><i class="fas fa-edit"></i></button> <button type="button" id="deleteEvent" class="btn btn-danger" data-toggle="modal" data-target="#deleteModal"><i class="fas fa-trash"></i></button> diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars index 06bb146..4f0cfbc 100755 --- a/views/layouts/main.handlebars +++ b/views/layouts/main.handlebars @@ -31,9 +31,7 @@ <!-- FONTS --> - <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet"> - - <link href="https://fonts.googleapis.com/css?family=Raleway:900" rel="stylesheet"> + <link href="https://fonts.googleapis.com/css?family=Fredoka+One&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous"> <!-- CSS --> @@ -66,7 +64,7 @@ <body> <div class="container h-100"> <div class="row" id="container"> - <div class="col-lg-2 col-md-3 col-sm-4 pt-3" id="sidebar"> + <div class="col-lg-2 col-md-3 col-sm-4" id="sidebar"> {{>sidebar}} </div> <div class="col-sm pt-3" id="content"> diff --git a/views/partials/sidebar.handlebars b/views/partials/sidebar.handlebars index 75f5ca8..1aa0f74 100755 --- a/views/partials/sidebar.handlebars +++ b/views/partials/sidebar.handlebars @@ -1,5 +1,7 @@ -<h1><a href="/" class="text-dark">gath<span class="text-muted">io</span></a></h1> +<div id="fixedContainer" class="pt-3"> + <h1><a href="/">gath<span class="text-muted">io</span></a></h1> -<p class="lead text-center mb-4">Nicer events</p> + <p class="lead text-center mb-4">Nicer events</p> -<a class="btn btn-success mb-2 btn-block" href="/new/event/public"><i class="far fa-calendar-plus"></i> New event</a> + <a class="btn btn-success mb-2 btn-block" href="/new/event/public"><i class="far fa-calendar-plus"></i> New event</a> +</div> |