github.com/joselitofilho/goreleaser@v0.155.1-0.20210123221854-e4891856c593/www/docs/overrides/home.html (about)

     1  {% extends "main.html" %}
     2  {% block tabs %}
     3  {{ super() }}
     4  <style>
     5  	:root {
     6  		--goreleaser-primary-color: #3b5672;
     7  	}
     8  
     9  	.md-header {
    10  		position: initial
    11  	}
    12  
    13  	.md-main__inner {
    14  		margin: 0
    15  	}
    16  
    17  	.md-content {
    18  		display: none
    19  	}
    20  
    21  	.tx-container {
    22  		padding-top: 1rem;
    23  		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), var(--goreleaser-primary-color) 99%, #fff 99%)
    24  	}
    25  
    26  	.tx-hero {
    27  		margin: 0 .8rem;
    28  		color: var(--md-primary-bg-color)
    29  	}
    30  
    31  	.tx-hero h1 {
    32  		margin-bottom: 1rem;
    33  		color: currentColor;
    34  		font-weight: 700
    35  	}
    36  
    37  	.tx-hero__content {
    38  		padding-bottom: 6rem
    39  	}
    40  
    41  	.tx-hero .md-button {
    42  		margin-top: .5rem;
    43  		margin-right: .5rem;
    44  		color: var(--md-primary-bg-color)
    45  	}
    46  
    47  	.tx-hero .md-button--primary {
    48  		background-color: var(--md-primary-bg-color);
    49  		color: var(--goreleaser-primary-color);
    50  		border-color: var(--md-primary-bg-color)
    51  	}
    52  
    53  	.tx-hero .md-button:focus,
    54  	.tx-hero .md-button:hover {
    55  		background-color: var(--md-accent-fg-color);
    56  		color: var(--md-default-bg-color);
    57  		border-color: var(--md-accent-fg-color)
    58  	}
    59  
    60  	@media screen and (max-width:70em) {
    61  		.tx-hero h1 {
    62  			font-size: 1.4rem
    63  		}
    64  
    65  		.tx-hero__image {
    66  			text-align: center;
    67  		}
    68  
    69  		.tx-hero__image img {
    70  			max-width: 10rem;
    71  		}
    72  	}
    73  
    74  	@media screen and (min-width:70em) {
    75  		.md-sidebar--secondary {
    76  			display: none
    77  		}
    78  
    79  		.tx-hero {
    80  			display: flex;
    81  			align-items: stretch
    82  		}
    83  
    84  		.tx-hero__content {
    85  			max-width: 30rem;
    86  			margin-top: 3.5rem;
    87  			padding-bottom: 14vw
    88  		}
    89  
    90  		.tx-hero__image {
    91  			order: 1;
    92  			margin-left: auto;
    93  			margin-top: 3.5rem;
    94  		}
    95  
    96  		.tx-hero__image img {
    97  			max-width: 15rem;
    98  		}
    99  	}
   100  
   101  	@media screen and (min-width:76.25em) {
   102  		.md-sidebar--primary {
   103  			display: none
   104  		}
   105  
   106  		.tx-hero__image {
   107  			margin-left: auto;
   108  		}
   109  
   110  		.tx-hero__image img {
   111  			max-width: 20rem;
   112  		}
   113  	}
   114  
   115  </style>
   116  <section class="tx-container">
   117  	<div class="md-grid md-typeset">
   118  		<div class="tx-hero">
   119  			<div class="tx-hero__image">
   120  				<img src="static/logo.png" alt="" draggable="false">
   121  			</div>
   122  			<div class="tx-hero__content">
   123  				<h1>GoReleaser</h1>
   124  				<h2>Release Go projects as fast and easily as possible!</h2>
   125  				<p>With GoReleaser, you can:</p>
   126  				<ul>
   127  					<li>Cross-compile your Go project</li>
   128  					<li>Release to GitHub, GitLab and Gitea</li>
   129  					<li>Create Docker images and manifests</li>
   130  					<li>Create Linux packages and Homebrew taps</li>
   131  					<li>... and much more!</li>
   132  				</ul>
   133  				<a href="{{ page.next_page.url | url }}" title="{{ page.next_page.title | striptags }}"
   134  					class="md-button md-button--primary">
   135  					Get started
   136  				</a>
   137  				<a href="{{ config.repo_url }}" title="{{ lang.t('source.link.title') }}" class="md-button">
   138  					Go to GitHub
   139  				</a>
   140  			</div>
   141  		</div>
   142  	</div>
   143  </section>
   144  {% endblock %}
   145  {% block content %}{% endblock %}
   146  {% block footer %}{% endblock %}