Header Color now accept hex value + Navigation Color Option added + Make font size smaller for mobile devices for landing page

This commit is contained in:
ahmadbilalkhalid 2020-01-22 23:18:05 +05:00
commit a5c4ad4a60
5 changed files with 41 additions and 15 deletions

View file

@ -1,4 +1,4 @@
<div class="jumbotron jumbotron-fluid {{this.primary_color}}-bg">
<div class="jumbotron jumbotron-fluid" style="background-color: {{this.primary_color}};">
<div class="container-fluid">
{% for h in this.headers %}
<h1 class="display-1 generic-header {{this.header_color}}" style="font-weight: bolder;">{{h}}</h1>

View file

@ -28,17 +28,14 @@
</head>
<body>
{% if this.header %}
{% set nav_classes = this.header.blocks[0].primary_color + '-bg' %}
{% if this.header.blocks[0].primary_color != 'Black' %}
{% set nav_classes = nav_classes + ' navbar-dark' %}
{% else %}
{% set nav_classes = nav_classes + ' navbar-light' %}
{% endif %}
{% set nav_style = 'background-color:' + this.header.blocks[0].primary_color + ';' %}
{% set nav_classes = this.header.blocks[0].nav_link_color %}
{% else %}
{% set nav_classes = 'navbar-light bg-light' %}
{% endif %}
<nav class="navbar navbar-expand-lg {{ nav_classes }}">
<nav class="navbar navbar-expand-lg {{ nav_classes }}" style="{{ nav_style }}">
<a class="navbar-brand" href="https://ungleich.ch">ungleich</a>
<button class="navbar-toggler" type="button"
data-toggle="collapse"