github
/
nginxconfig.io
mirror of https://github.com/digitalocean/nginxconfig.io
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added logo

pull/3/head
Szekeres Bálint 2018-01-21 18:49:04 +01:00
parent afb314d729
commit a1b6fb69df
7 changed files with 35 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/assets/css/app.css
View File

@ -33,17 +33,21 @@ header {
font-size: 2.2rem;
}
header .logo img.nginx {
height: 1.6rem;
vertical-align: -0.1rem;
header .logo {
color: transparent;
background-image: url('../img/logo-light.svg');
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
margin: 0.5rem 0;
}
header .logo img.config {
height: 1.2rem;
vertical-align: super;
opacity: 0.8;
margin-left: -0.5rem;
margin-right: -0.25rem;
header .url {
opacity: 0.7;
}
header .url.active {
opacity: 1;
}
header .url .input-group-prepend .input-group-text,
@ -53,6 +57,14 @@ header .url .input-group-append .input-group-text {
background-color: transparent;
}
header .url .input-group-append .input-group-text img {
opacity: 0.5;
}
header .url.active .input-group-append .input-group-text img {
opacity: 1;
}
header .url .form-control {
background-color: transparent;
color: #fff;

BIN
public/assets/img/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

1
public/assets/img/logo-dark.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 564.7283 85" xmlns="http://www.w3.org/2000/svg"><g fill="#464e4f"><path d="m387.2283 10a25 25 0 0 0 -25 25v25h10v-25a15 15 0 0 1 30 0v25h10v-25a25 25 0 0 0 -25-25z"/><path d="m452.4353 10h10v50h-10z"/><path d="m447.2283 10v-10a25 25 0 0 0 -25 25v2.5h-5v10h5v22.5h10v-22.5h5v-10h-5v-2.5a15.017 15.017 0 0 1 15-15z"/><path d="m492.2283 10a25 25 0 1 0 15 45v5a15.017 15.017 0 0 1 -15 15v10a25 25 0 0 0 25-25v-25a25 25 0 0 0 -25-25zm0 40a15 15 0 1 1 15-15 15.017 15.017 0 0 1 -15 15z"/></g><path d="m532.2283 10h5v25h-5z" fill="#aabb57"/><circle cx="524.7283" cy="32.5" fill="#aabb57" r="2.5"/><path d="m552.2283 15a7.5 7.5 0 1 1 -7.5 7.5 7.5085 7.5085 0 0 1 7.5-7.5m0-5a12.5 12.5 0 1 0 12.5 12.5 12.5 12.5 0 0 0 -12.5-12.5z" fill="#aabb57"/><path d="m284.1455 45.6016a15 15 0 1 1 0-21.2032l7.076-7.0761a25 25 0 1 0 0 35.3554z" fill="#464e4f"/><path d="m314.2215 60h-10a5 5 0 0 1 -5-5v-9.9288l-6.5354-6.5351a5 5 0 0 1 0-7.0713l6.5356-6.5357v-9.9291a5 5 0 0 1 5-5h10v10h-5v7a5.0013 5.0013 0 0 1 -1.4643 3.5357l-4.4648 4.4643 4.4643 4.4639a4.9994 4.9994 0 0 1 1.4646 3.5361v7h5z" fill="#aabb57"/><path d="m344.2285 60h-10v-10h5v-7a5 5 0 0 1 1.4646-3.5356l4.4641-4.4644-4.4644-4.4653a4.9985 4.9985 0 0 1 -1.4643-3.5347v-7h-5v-10h10a5 5 0 0 1 5 5v9.9292l6.5354 6.5362a5 5 0 0 1 0 7.0708l-6.5354 6.5351v9.9287a5 5 0 0 1 -5 5z" fill="#aabb57"/><g fill="#464e4f" opacity=".5"><path d="m44.6981 10.014a5.1821 5.1821 0 0 0 -5.1824 5.1825v27.0072l-30.6683-30.6714a5.1828 5.1828 0 0 0 -8.8474 3.6642v39.52a5.1824 5.1824 0 1 0 10.3647 0v-27.0074l30.6683 30.6714a5.1829 5.1829 0 0 0 8.8475-3.6642v-39.52a5.1821 5.1821 0 0 0 -5.1824-5.1823z"/><path d="m81.5235 32.8672a5.3882 5.3882 0 0 0 -5.2561 5.1822 5.3885 5.3885 0 0 0 5.2561 5.1825l12.6965-.0646-3.109 6.2834h-16.3246l-8.0975-14.2515 8.1623-14.77h17.3655l4.0489 8.3079h10.4294l-6.575-15.7571-1.4252-2.9152h-29.997l-1.4252 2.656-11.0126 20.0173-1.4252 2.5265 1.4252 2.5262 11.012 19.3692 1.49 2.656h28.827l1.4251-2.915 8.227-16.5836 3.6925-7.5144h-8.3567z"/><path d="m121.1973 10a5.3856 5.3856 0 0 0 -5.1173 5.247v13.5048h10.3648v-13.5042a5.39 5.39 0 0 0 -5.2475-5.2476z"/><path d="m179.3107 10.5092a5.1793 5.1793 0 0 0 -5.648 1.1233l-30.6692 30.6724v-27.0082a5.1824 5.1824 0 0 0 -10.3648 0v39.5208a5.1817 5.1817 0 0 0 8.8465 3.664l30.6692-30.6721v27.0081a5.1824 5.1824 0 1 0 10.3648 0v-39.5208a5.1824 5.1824 0 0 0 -3.1985-4.7875z"/><path d="m220.9 35.0176 16.12-16.0639a5.1825 5.1825 0 0 0 -7.3161-7.3423l-16.1453 16.09-16.1454-16.09a5.1825 5.1825 0 0 0 -7.3161 7.3423l16.12 16.0639-16.0739 16.0184a5.1818 5.1818 0 1 0 7.3161 7.34l16.0988-16.0429 16.0988 16.0429a5.1818 5.1818 0 0 0 7.3161-7.34z"/><path d="m116.08 54.6031a5.1828 5.1828 0 1 0 10.3648 0v-21.6919h-10.3648z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

1
public/assets/img/logo-light.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 564.7283 85" xmlns="http://www.w3.org/2000/svg"><g fill="#fff"><path d="m387.2283 10a25 25 0 0 0 -25 25v25h10v-25a15 15 0 0 1 30 0v25h10v-25a25 25 0 0 0 -25-25z"/><path d="m452.4353 10h10v50h-10z"/><path d="m447.2283 10v-10a25 25 0 0 0 -25 25v2.5h-5v10h5v22.5h10v-22.5h5v-10h-5v-2.5a15.017 15.017 0 0 1 15-15z"/><path d="m492.2283 10a25 25 0 1 0 15 45v5a15.017 15.017 0 0 1 -15 15v10a25 25 0 0 0 25-25v-25a25 25 0 0 0 -25-25zm0 40a15 15 0 1 1 15-15 15.017 15.017 0 0 1 -15 15z"/></g><path d="m532.2283 10h5v25h-5z" fill="#aabb57"/><circle cx="524.7283" cy="32.5" fill="#aabb57" r="2.5"/><path d="m552.2283 15a7.5 7.5 0 1 1 -7.5 7.5 7.5085 7.5085 0 0 1 7.5-7.5m0-5a12.5 12.5 0 1 0 12.5 12.5 12.5 12.5 0 0 0 -12.5-12.5z" fill="#aabb57"/><path d="m284.1455 45.6016a15 15 0 1 1 0-21.2032l7.076-7.0761a25 25 0 1 0 0 35.3554z" fill="#fff"/><path d="m314.2215 60h-10a5 5 0 0 1 -5-5v-9.9288l-6.5354-6.5351a5 5 0 0 1 0-7.0713l6.5356-6.5357v-9.9291a5 5 0 0 1 5-5h10v10h-5v7a5.0013 5.0013 0 0 1 -1.4643 3.5357l-4.4648 4.4643 4.4643 4.4639a4.9994 4.9994 0 0 1 1.4646 3.5361v7h5z" fill="#aabb57"/><path d="m344.2285 60h-10v-10h5v-7a5 5 0 0 1 1.4646-3.5356l4.4641-4.4644-4.4644-4.4653a4.9985 4.9985 0 0 1 -1.4643-3.5347v-7h-5v-10h10a5 5 0 0 1 5 5v9.9292l6.5354 6.5362a5 5 0 0 1 0 7.0708l-6.5354 6.5351v9.9287a5 5 0 0 1 -5 5z" fill="#aabb57"/><g fill="#fff" opacity=".5"><path d="m44.6981 10.014a5.1821 5.1821 0 0 0 -5.1824 5.1825v27.0072l-30.6683-30.6714a5.1828 5.1828 0 0 0 -8.8474 3.6642v39.52a5.1824 5.1824 0 1 0 10.3647 0v-27.0074l30.6683 30.6714a5.1829 5.1829 0 0 0 8.8475-3.6642v-39.52a5.1821 5.1821 0 0 0 -5.1824-5.1823z"/><path d="m81.5235 32.8672a5.3882 5.3882 0 0 0 -5.2561 5.1822 5.3885 5.3885 0 0 0 5.2561 5.1825l12.6965-.0646-3.109 6.2834h-16.3246l-8.0975-14.2515 8.1623-14.77h17.3655l4.0489 8.3079h10.4294l-6.575-15.7571-1.4252-2.9152h-29.997l-1.4252 2.656-11.0126 20.0173-1.4252 2.5265 1.4252 2.5262 11.012 19.3692 1.49 2.656h28.827l1.4251-2.915 8.227-16.5836 3.6925-7.5144h-8.3567z"/><path d="m121.1973 10a5.3856 5.3856 0 0 0 -5.1173 5.247v13.5048h10.3648v-13.5042a5.39 5.39 0 0 0 -5.2475-5.2476z"/><path d="m179.3107 10.5092a5.1793 5.1793 0 0 0 -5.648 1.1233l-30.6692 30.6724v-27.0082a5.1824 5.1824 0 0 0 -10.3648 0v39.5208a5.1817 5.1817 0 0 0 8.8465 3.664l30.6692-30.6721v27.0081a5.1824 5.1824 0 1 0 10.3648 0v-39.5208a5.1824 5.1824 0 0 0 -3.1985-4.7875z"/><path d="m220.9 35.0176 16.12-16.0639a5.1825 5.1825 0 0 0 -7.3161-7.3423l-16.1453 16.09-16.1454-16.09a5.1825 5.1825 0 0 0 -7.3161 7.3423l16.12 16.0639-16.0739 16.0184a5.1818 5.1818 0 1 0 7.3161 7.34l16.0988-16.0429 16.0988 16.0429a5.1818 5.1818 0 0 0 7.3161-7.34z"/><path d="m116.08 54.6031a5.1828 5.1828 0 1 0 10.3648 0v-21.6919h-10.3648z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
public/assets/img/share.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

4
public/assets/js/app.js
View File

@ -46,6 +46,7 @@
$scope.location = $location;
$scope.data = angular.copy(data);
$scope.dataInit = false;
$scope.isDirty = false;
$scope.extensions = {
assets: 'css(\\.map)?|js(\\.map)?',
@ -81,6 +82,7 @@
for (var key in hashData) {
if ($scope.data[key] !== undefined && typeof $scope.data[key] === typeof hashData[key]) {
$scope.isDirty = true;
$scope.data[key] = hashData[key];
gtag('event', key, {
event_category: 'data_from_hash',
@ -103,8 +105,10 @@
}
if (Object.keys(changedData).length) {
$scope.isDirty = true;
$location.search(changedData).replace();
} else {
$scope.isDirty = false;
$location.search({});
}
};

15
public/index.html
View File

@ -10,20 +10,21 @@
<link rel="stylesheet" href="https://cdn.nginxconfig.io/assets/css/app.css">
<link rel="icon" type="image/png" href="https://cdn.nginxconfig.io/assets/img/favicon.png">
<title>nginxconfig.io</title>
<meta name="description" content="nginx config generator">
<meta name="description" content="Online nginx configuration generator">
<meta name="keywords" content="nginx, config, configurator, /etc/nginx/nginx.conf, nginx performance, nginx tuning, nginx php, nginx, php fpm, wordpress, cdn, access_log, error_log, Laravel, Lumen, Symfony, Zend, CodeIgniter, Yii, CakePHP, Slim, Angular, React, Vue.js, Ember.js">
<meta property="og:title" content="nginxconfig.io">
<meta property="og:description" content="Online nginx configuration generator (HTTPS, HTTP2, CDN, PHP [Laravel, Symfony, CodeIgniter…], Frontend [Angular, React, Vue.js], WordPress, security headers, rate limiting, expiration by file types…)">
<meta property="og:type" content="website">
<meta property="og:url" content="https://nginxconfig.io">
<meta property="og:image" content="https://cdn.nginxconfig.io/assets/img/share.png">
</head>
<body ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController">
<header>
<div class="container">
<div class="logo">
<img src="https://cdn.nginxconfig.io/assets/img/nginx.svg" alt="nginx" class="nginx">
<img src="https://cdn.nginxconfig.io/assets/img/config.svg" alt="config" class="config">
config.io
</div>
<div class="logo">nginxconfig.io</div>
<div class="row">
<div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3">
<div class="input-group url">
<div class="input-group url" ng-class="{active: isDirty}">
<div class="input-group-prepend">
<div class="input-group-text" ngclipboard data-clipboard-target="#url" ngclipboard-success="clipboardSuccess('url')"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div>
</div>