Skip to content

Commit

Permalink
BBL-19 | formatting html cover code
Browse files Browse the repository at this point in the history
  • Loading branch information
exequielrafaela committed Aug 6, 2020
1 parent 09409a9 commit db41377
Show file tree
Hide file tree
Showing 2 changed files with 72 additions and 61 deletions.
97 changes: 53 additions & 44 deletions material/overrides/home.html
Original file line number Diff line number Diff line change
@@ -1,62 +1,71 @@
{#-
This file was automatically generated - do not edit
This file was automatically generated - do not edit
NOTE: At line 9 -> 'background:' has the current color for the botom part of the cover
- current | #2a978d (OK w/ mkdocs.yaml -> palette -> /docs/assets/stylesheets)
- before | #154360 (OK w/ mkdocs.yaml -> palette -> primary: "teal"
-#}
{% extends "overrides/main.html" %}
{% block tabs %}
{{ super() }}
<style>.md-header{position:initial}.md-main__inner{margin:0}.md-content{display:none}.tx-container{padding-top:1rem;
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color),#154360 99%,#fff 99%)}.tx-hero{margin:0 .8rem;color:var(--md-primary-bg-color)}.tx-hero h1{margin-bottom:1rem;color:currentColor;
{{ super() }}
<style>.md-header{position:initial}.md-main__inner{margin:0}.md-content{display:none}.tx-container{padding-top:1rem;
background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1123 258'><path d='M1124,2c0,0 0,256 0,256l-1125,0l0,-48c0,0 16,5 55,5c116,0 197,-92 325,-92c121,0 114,46 254,46c140,0 214,-167 572,-166Z' style='fill: white' /></svg>") no-repeat bottom,linear-gradient(to bottom,var(--md-primary-fg-color),#2a978d 99%,#fff 99%)}.tx-hero{margin:0 .8rem;color:var(--md-primary-bg-color)}.tx-hero h1{margin-bottom:1rem;color:currentColor;
font-weight:700}.tx-hero__content{padding-bottom:6rem}.tx-hero .md-button{margin-top:.5rem;margin-right:.5rem;
color:var(--md-primary-bg-color)}.tx-hero .md-button--primary{background-color:var(--md-primary-bg-color);color:hsla(280deg,37%,48%,1);
border-color:var(--md-primary-bg-color)}.tx-hero .md-button:focus,.tx-hero .md-button:hover{background-color:var(--md-accent-fg-color);
color:var(--md-default-bg-color);border-color:var(--md-accent-fg-color)}@media screen and (max-width:30em){.tx-hero h1{font-size:1.4rem}}@media screen and (min-width:60em){.md-sidebar--secondary{display:none}.tx-hero{display:flex;align-items:stretch}.tx-hero__content{max-width:19rem;margin-top:3.5rem;
padding-bottom:14vw}.tx-hero__image{width:38rem;order:1;transform:translateX(4rem)}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}.tx-hero__image{transform:translateX(8rem)}}</style>
<section class="tx-container">
padding-bottom:14vw}.tx-hero__image{width:38rem;order:1;transform:translateX(4rem)}}@media screen and (min-width:76.25em){.md-sidebar--primary{display:none}.tx-hero__image{transform:translateX(8rem)}}
</style>
<section class="tx-container">
<div class="md-grid md-typeset">
<div class="tx-hero">
<div class="tx-hero__image">
<img src="assets/images/illustrations/home.png" alt="" width="600" draggable="false">
</div>
<div class="tx-hero__content">
<h1>Leverage Reference Architecture</h1>
<style>
<div class="tx-hero">
<div class="tx-hero__image">
<img src="assets/images/illustrations/home.png" alt="" width="600" draggable="false">
</div>
<div class="tx-hero__content">
<h1>Leverage Reference Architecture</h1>
<style>
a:link, a:visited {
color: white;
}
</style>
<p>
Reference AWS Cloud Solutions architecture designed under optimal configs for the most popular modern web
and mobile applications needs. <br> Its design is fully based on the
<strong>
<a href="https://leverage.binbash.com.ar/support/#aws-well-architected-review">AWS Well Architected Framework.
</a>
</strong>
</p>
<p>
With its complete
<strong>
<a href="https://leverage.binbash.com.ar/how-it-works/code-library/code-library/">Leverage
DevOps Automation Code Library
</a>
</strong>
to rapidly implement it, <strong>
<a href="https://leverage.binbash.com.ar/welcome/">Leverage
</a>
</strong>
will solve your entire infrastructure and will grant you complete control of the source code, and of course
you'll be able to run it without us.
</p>

<a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}" class="md-button md-button--primary">
Get started
</a>
<a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button">
Go to GitHub
</a>
</style>
<p>
Reference AWS Cloud Solutions architecture designed under optimal configs for the most popular
modern web
and mobile applications needs. <br> Its design is fully based on the
<strong>
<a href="https://leverage.binbash.com.ar/support/#aws-well-architected-review">AWS Well
Architected Framework.
</a>
</strong>
</p>
<p>
With its complete
<strong>
<a href="https://leverage.binbash.com.ar/how-it-works/code-library/code-library/">Leverage
DevOps Automation Code Library
</a>
</strong>
to rapidly implement it, <strong>
<a href="https://leverage.binbash.com.ar/welcome/">Leverage
</a>
</strong>
will solve your entire infrastructure and will grant you complete control of the source code, and of
course
you'll be able to run it without us.
</p>

<a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}"
class="md-button md-button--primary">
Get started
</a>
<a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button">
Go to GitHub
</a>
</div>
</div>
</div>
</div>
</section>
</section>
{% endblock %}
{% block content %}{% endblock %}
{% block footer %}{% endblock %}
36 changes: 19 additions & 17 deletions material/overrides/main.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,28 @@
{#-
This file was automatically generated - do not edit
This file was automatically generated - do not edit
-#}
{% extends "base.html" %}
{% block extrahead %}
{% set title = config.site_name %}
{% if page and page.title and not page.is_homepage %}
{% set title = config.site_name ~ " - " ~ page.title | striptags %}
{% endif %}
{% set image = config.site_url ~ 'assets/images/illustrations/banner.png' %}
<meta property="og:type" content="website">
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ config.site_description }}">
<meta property="og:url" content="{{ page.canonical_url }}">
<meta property="og:image" content="{{ image }}">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
{% set title = config.site_name %}
{% if page and page.title and not page.is_homepage %}
{% set title = config.site_name ~ " - " ~ page.title | striptags %}
{% endif %}
{% set image = config.site_url ~ 'assets/images/illustrations/banner.png' %}
<meta property="og:type" content="website">
<meta property="og:title" content="{{ title }}">
<meta property="og:description" content="{{ config.site_description }}">
<meta property="og:url" content="{{ page.canonical_url }}">
<meta property="og:image" content="{{ image }}">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
{% endblock %}
{% block announce %}
<style>.md-announce a,.md-announce a:focus,.md-announce a:hover{color:currentColor}.md-announce strong{white-space:nowrap}.md-announce}</style>
<a href="https://www.linkedin.com/company/binbash">
<style>
.md-announce a,.md-announce a:focus,.md-announce a:hover{color:currentColor}.md-announce strong{white-space:nowrap}.md-announce}
</style>
<a href="https://www.linkedin.com/company/binbash">
For updates follow <strong>@Binbash</strong> on
<strong>LinkedIn</strong>
</a>
</a>
{% endblock %}

0 comments on commit db41377

Please sign in to comment.