Fixed minor design bug in campaign SVG. Added optimized SVGs (reduced filesize by over 50%!).

gh-pages
Jordan Wright 2017-10-22 08:55:09 -05:00
parent 400186b285
commit fc5b673515
6 changed files with 59 additions and 43 deletions

View File

@ -19,7 +19,7 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-purple">
<div class="container">
<a class="navbar-brand" href="/">
<img src="/img/logo.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<img src="/img/logo.min.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<strong>Gophish</strong>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarSupportedContent"
@ -124,8 +124,12 @@
<div class="col-xs-12 col-lg-5">
<h5 class="heading">
Test Your Exposure to Phishing.
<div><br></div>
<div><b>For Free.</b></div>
<div>
<br>
</div>
<div>
<b>For Free.</b>
</div>
</h5>
</div>
<div class="col-xs-12 col-lg-7">
@ -134,7 +138,7 @@
Download
</a>
<a class="btn ml-3 mt-3 mt-lg-0 btn-lg btn-primary-o" href="https://github.com/gophish/gophish">
<i class="fab fa-github"></i> See the Code
<i class="fab fa-github"></i> See the Code
</a>
</div>
</div>
@ -146,7 +150,7 @@
<div class="row">
<div class="col align-self-center">
<a class="navbar-brand" href="#">
<img src="/img/logo.svg" width="30" height="30" class="d-inline-block align-top" alt=""/>
<img src="/img/logo.min.svg" width="30" height="30" class="d-inline-block align-top" alt="" />
<strong>Gophish</strong>
</a>
<p class="small text-muted">© 2012-2017 Jordan Wright. All rights reserved.</p>

1
img/campaign.min.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 15 KiB

View File

@ -42,7 +42,7 @@
showgrid="false"
inkscape:zoom="1.2436195"
inkscape:cx="530.56862"
inkscape:cy="566.08955"
inkscape:cy="501.76119"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
@ -602,7 +602,7 @@
<path
inkscape:connector-curvature="0"
id="path5749"
d="m 425.5322,491.34286 490.12262,0"
d="m 425.5322,479.34286 490.12262,0"
style="fill:none;fill-rule:evenodd;stroke:#eeeeee;stroke-width:0.5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<rect
id="rect5751"

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

1
img/dashboard.min.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 15 KiB

1
img/logo.min.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="186.667" height="213.333" viewBox="0 0 174.99999 199.99999"><g transform="translate(-286.786 -403.79)"><path d="M374.286 403.79l-87.5 50v100l87.5 50 87.5-50v-100l-87.5-50zm-.62 14.633l75.226 43.005v85.981l-75.226 42.99-75.225-42.99v-85.981l75.225-43.005z" fill="#fff"/><path d="M472.126 134.444l6.911 3.808-6.753 4.081z" transform="matrix(.33514 0 0 .78956 188.901 398.936)" fill="#fff" stroke="#fff" stroke-width="4" stroke-linecap="square"/><path d="M348.42 508.015v17.441-17.441z" fill="none" stroke="#fff" stroke-width="4.534"/><circle r="6.294" cy="456.744" cx="390.358" fill="none" stroke="#fff" stroke-width="4.534" stroke-linecap="round" stroke-linejoin="round"/><path d="M390.388 527.03a20.98 20.98 0 0 1-10.49 18.17 20.98 20.98 0 0 1-20.981 0 20.98 20.98 0 0 1-10.49-18.17" fill="none" stroke="#fff" stroke-width="4.534" stroke-linecap="square"/><g stroke="#fff"><path d="M390.45 463.343v61.879-61.88z" fill="none" stroke-width="4.534"/><path d="M346.635 503.574l9.522 12.33-5.745-2.01-3.777-10.32z" fill="#fff"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

View File

@ -19,12 +19,12 @@
<nav class="navbar navbar-expand-lg navbar-dark bg-purple">
<div class="container">
<a class="navbar-brand" href="#">
<img src="img/logo.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<img src="img/logo.min.svg" width="30" height="30" class="d-inline-block align-top" alt="">
<strong>Gophish</strong>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarContent">
@ -55,7 +55,9 @@
<p>
Gophish is a powerful, open-source phishing framework that makes it easy&nbsp;to test your organization's exposure to phishing.
</p>
<p><strong>For free.</strong></p>
<p>
<strong>For free.</strong>
</p>
<div class="d-flex justify-content-start">
<a class="btn btn-lg btn-primary mr-3" href="https://github.com/gophish/gophish/releases">
Download
@ -69,7 +71,7 @@
<div class="computerwrapper">
<div class="computer">
<div class="mask">
<img class="mask-img" src="img/dashboard.svg">
<img class="mask-img" src="img/dashboard.min.svg">
</div>
</div>
</div>
@ -93,11 +95,12 @@
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-search section-icon" data-fa-transform="shrink-8"></i>
</span>
</span>
</div>
<div class="media-body">
<h3 class="mt-0 subheading">Set Templates &amp; Targets</h3>
<p class="paragraph">Gophish makes it easy to create or import <strong>pixel-perfect</strong> phishing templates.</p>
<p class="paragraph">Gophish makes it easy to create or import
<strong>pixel-perfect</strong> phishing templates.</p>
<p class="paragraph">Our web UI includes a full HTML editor, making it easy to customize your templates right in your browser.</p>
</div>
</div>
@ -106,7 +109,7 @@
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-rocket section-icon" data-fa-transform="shrink-8"></i>
</span>
</span>
</div>
<div class="media-body">
<h3 class="mt-0 subheading">Launch the Campaign</h3>
@ -132,7 +135,7 @@
<div class="browserwrapper">
<div class="browser">
<div class="mask">
<img class="mask-img" src="img/campaign.svg">
<img class="mask-img" src="img/campaign.min.svg">
</div>
</div>
</div>
@ -163,29 +166,31 @@
<b>One-Click Installation</b>
</h2>
<p class="paragraph">
Gophish can be installed with a single download. Get up and running in <strong>seconds.</strong>
Gophish can be installed with a single download. Get up and running in
<strong>seconds.</strong>
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 feature-item">
<div class="section-media d-flex justify-content-center mb-4">
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-code section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="far fa-code section-icon" data-fa-transform="shrink-8"></i>
</span>
</div>
<h2 class="subheading">
<b>Full REST API</b>
</h2>
<p class="paragraph">
Gophish is powered by a REST API. Our Python client makes working with the API a breeze.<br>
Gophish is powered by a REST API. Our Python client makes working with the API a breeze.
<br>
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-4 feature-item">
<div class="section-media d-flex justify-content-center mb-4">
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-browser section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="far fa-browser section-icon" data-fa-transform="shrink-8"></i>
</span>
</div>
<h2 class="subheading">
<b>Beautiful Web UI</b>
@ -198,17 +203,17 @@
<div class="col-xs-12 col-sm-6 col-md-4 feature-item">
<div class="section-media d-flex justify-content-center mb-4">
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-apple section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-apple section-icon" data-fa-transform="shrink-8"></i>
</span>
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-windows section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-windows section-icon" data-fa-transform="shrink-8"></i>
</span>
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-linux section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="fab fa-linux section-icon" data-fa-transform="shrink-8"></i>
</span>
</div>
<h2 class="subheading">
<b>Cross Platform</b>
@ -220,9 +225,9 @@
<div class="col-xs-12 col-sm-6 col-md-4 feature-item">
<div class="section-media d-flex justify-content-center mb-4">
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-bolt section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="far fa-bolt section-icon" data-fa-transform="shrink-8"></i>
</span>
</div>
<h2 class="subheading">
<b>Real-Time Results</b>
@ -235,9 +240,9 @@
<div class="col-xs-12 col-sm-6 col-md-4 feature-item">
<div class="section-media d-flex justify-content-center mb-4">
<span class="fa-layers fa-fw">
<i class="fal fa-circle section-icon"></i>
<i class="far fa-magic section-icon" data-fa-transform="shrink-8"></i>
</span>
<i class="fal fa-circle section-icon"></i>
<i class="far fa-magic section-icon" data-fa-transform="shrink-8"></i>
</span>
</div>
<h2 class="subheading">
<b>"Just Works"</b>
@ -256,8 +261,12 @@
<div class="col-xs-12 col-lg-5">
<h5 class="heading">
Test Your Exposure to Phishing.
<div><br></div>
<div><b>For Free.</b></div>
<div>
<br>
</div>
<div>
<b>For Free.</b>
</div>
</h5>
</div>
<div class="col-xs-12 col-lg-7">
@ -278,9 +287,9 @@
<div class="row">
<div class="col align-self-center">
<a class="navbar-brand" href="#">
<img src="/img/logo.svg" width="30" height="30" class="d-inline-block align-top" alt=""/>
<strong>Gophish</strong>
</a>
<img src="/img/logo.min.svg" width="30" height="30" class="d-inline-block align-top" alt="" />
<strong>Gophish</strong>
</a>
<p class="small text-muted">© 2012-2017 Jordan Wright. All rights reserved.</p>
</div>
<div class="col align-self-center">