Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

New logo (#1868)

Browse source 
refs TryGhost/Team#547

- Updated Admin to use new Ghost logo
This commit is contained in:
Peter Zimon 2021-03-18 18:26:35 +01:00 • committed by GitHub
parent 7286ae9fcf
commit 105140ef3f
22 changed files with 73 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ghost/admin/app/components/gh-browser-preview.hbs
View file

@ -8,7 +8,7 @@
{{#if @icon}}
<span class="favicon"><img src={{@icon}} alt="icon"></span>
{{else}}
<span class="favicon default">{{svg-jar "icon"}}</span>
<span class="favicon default">{{svg-jar "default-favicon"}}</span>
{{/if}}
<span class="site-title">{{@title}}</span>
</div>

2
ghost/admin/app/components/gh-nav-menu/main.hbs
View file

@ -1,6 +1,6 @@
<header class="gh-nav-menu">
<div class="gh-nav-menu-details">
<div class="gh-nav-menu-icon" style={{this.iconStyle}}></div>
<div class="gh-nav-menu-icon {{this.iconClass}}" style={{this.iconStyle}}></div>
<div class="gh-nav-menu-details-sitetitle">{{this.config.blogTitle}}</div>
</div>
<div class="gh-nav-menu-search">

4
ghost/admin/app/components/gh-nav-menu/main.js
View file

@ -24,6 +24,7 @@ export default Component.extend(ShortcutsMixin, {
tagName: '',
iconStyle: '',
iconClass: '',
memberCountLoading: true,
memberCount: 0,
@ -115,9 +116,10 @@ export default Component.extend(ShortcutsMixin, {
return;
}
let iconUrl = 'https://static.ghost.org/v4.0.0/images/ghost-squircle.png';
let iconUrl = 'https://static.ghost.org/v4.0.0/images/ghost-orb-1.png';
this.set('iconStyle', htmlSafe(`background-image: url(${iconUrl})`));
this.set('iconClass', 'gh-nav-logo-default');
}
});

2
ghost/admin/app/controllers/signin.js
View file

@ -47,7 +47,7 @@ export default Controller.extend(ValidationEngine, {
return htmlSafe(`background-image: url(${icon})`);
}
icon = 'https://static.ghost.org/v4.0.0/images/ghost-squircle.png';
icon = 'https://static.ghost.org/v4.0.0/images/ghost-orb-2.png';
return htmlSafe(`background-image: url(${icon})`);
}),

2
ghost/admin/app/styles/app-dark.css
View file

@ -446,6 +446,8 @@ input:focus,
}
.gh-logo,
.apps-card-app-orb,
.gh-nav-logo-default,
.gh-unsplash-logo {
filter: invert(100%) brightness(150%);
}

14
ghost/admin/app/styles/components/browser-preview.css
View file

@ -82,16 +82,12 @@
height: 16px;
}
.gh-browserpreview-browser .favicon.default {
background: #15171A;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 2px;
}
.gh-browserpreview-browser .favicon svg {
width: 8px;
height: 8px;
}
.gh-browserpreview-browser .favicon.default svg {
width: 16px;
height: 16px;
}

17
ghost/admin/app/styles/layouts/apps.css
View file

@ -495,4 +495,21 @@
.app-custom-api-table .data-label {
width: 160px;
}
.apps-card-app-orb {
width: 32px;
height: 32px;
}
.apps-card-app-orb.rot-1 {
transform: rotate(90deg);
}
.apps-card-app-orb.rot-2 {
transform: rotate(180deg);
}
.apps-card-app-orb.rot-3 {
transform: rotate(270deg);
}

1
ghost/admin/app/styles/layouts/main.css
View file

@ -335,7 +335,6 @@
/* Navigation
/* ---------------------------------------------------------- */
.gh-nav-list {
margin: 32px 0 0;
padding: 0;

2
ghost/admin/app/templates/about.hbs
View file

@ -1,6 +1,6 @@
<section class="gh-canvas js-settings-content">
<GhCanvasHeader class="gh-canvas-header">
{{svg-jar "ghost-logo" class="gh-logo" alt="Ghost"}}
{{svg-jar "ghost-logo-orb" class="gh-logo" alt="Ghost"}}
</GhCanvasHeader>
<section class="view-container">
<section class="gh-env-details">

18
ghost/admin/app/templates/integrations/zapier.hbs
View file

@ -82,7 +82,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb" style="background-image:url(assets/img/logos/orb-black-1.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/twitter.svg);background-size:32px;"></figure>
</div>
@ -99,7 +99,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb" style="background-image:url(assets/img/logos/orb-black-2.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/slackicon.png);background-size:30px;"></figure>
</div>
@ -116,7 +116,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb" style="background-image:url(assets/img/logos/orb-black-3.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/patreon.svg);background-size:28px;"></figure>
</div>
@ -133,7 +133,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb" style="background-image:url(assets/img/logos/orb-black-4.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/zero-bounce.png);background-size:30px;"></figure>
</div>
@ -150,7 +150,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb" style="background-image:url(assets/img/logos/orb-black-5.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/paypal.svg);background-size:26px;"></figure>
</div>
@ -167,7 +167,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb rot-1" style="background-image:url(assets/img/logos/orb-black-3.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/paypal.svg);background-size:26px;"></figure>
</div>
@ -184,7 +184,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb rot-2" style="background-image:url(assets/img/logos/orb-black-1.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/google-docs.svg);background-size:22px;"></figure>
</div>
@ -201,7 +201,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb rot-3" style="background-image:url(assets/img/logos/orb-black-4.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/typeform.svg);background-size:32px;"></figure>
</div>
@ -218,7 +218,7 @@
<article class="apps-card-app">
<div class="apps-card-left">
<div class="flex items-center">
{{svg-jar "ghost-squircle" class="w8 h8"}}
<figure class="apps-card-app-orb rot-3" style="background-image:url(assets/img/logos/orb-black-1.png);background-size:32px;"></figure>
{{svg-jar "arrow-right" class="fill-midgrey w4 ml2"}}
<figure class="apps-card-app-icon" style="background-image:url(assets/img/mailchimp.svg);background-size:32px;"></figure>
</div>

12
ghost/admin/public/assets/icons/default-favicon.svg Normal file
View file

@ -0,0 +1,12 @@
<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M80 160C102.401 160 129.478 158.836 144 144C158.121 129.574 160 101.782 160 80C160 57.8746 158.516 30.4824 144 16C129.528 1.56212 102.057 0 80 0C57.9327 0 30.4734 1.55064 16 16C1.49503 30.4809 0 57.8845 0 80C0 102.387 1.17997 129.48 16 144C30.4287 158.137 58.2042 160 80 160Z" fill="#15171A"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M80.3011 24.4492C111.042 24.4492 136 49.2522 136 79.8023C136 110.352 111.042 135.155 80.3011 135.155C49.5599 135.155 24.6021 110.352 24.6021 79.8023C24.6021 49.2522 49.5599 24.4492 80.3011 24.4492ZM36.3406 68.1213C39.1249 45.1913 51.4207 33.7941 79.1492 30.6968C92.3695 29.2199 107.382 40.3893 111.621 45.5337C120.188 55.9292 131 68.3019 131 82.2364C131 101.022 115.856 111.57 99.7008 120.16C92.4199 124.031 84.5541 127.778 75.569 127.778C52.4768 127.778 33.0412 109.756 33.0412 86.8068C33.0412 80.7073 35.5782 74.3993 36.3406 68.1213Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M80 140.124C113.689 140.124 141 112.983 141 79.5031C141 46.023 113.689 18.882 80 18.882C46.3106 18.882 19 46.023 19 79.5031C19 112.983 46.3106 140.124 80 140.124ZM80 133.389C109.946 133.389 134.222 109.263 134.222 79.5031C134.222 49.743 109.946 25.6176 80 25.6176C50.0539 25.6176 25.7778 49.743 25.7778 79.5031C25.7778 109.263 50.0539 133.389 80 133.389Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="160" height="160" fill="white"/>
</clipPath>
</defs>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

10
ghost/admin/public/assets/icons/ghost-logo-orb.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 770 294" preserveAspectRatio="xMidYMid meet">
<title>Ghost Logo</title>
<style>
svg {
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(assets/img/logos/ghost-logo-black-1.png);
}
</style>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 290 B

10
ghost/admin/public/assets/icons/ghost-orb.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" preserveAspectRatio="xMidYMid meet">
<title>Ghost Logo</title>
<style>
svg {
background-size: 100% 100%;
background-repeat: no-repeat;
background-image: url(assets/img/logos/orb-black-1.png);
}
</style>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 303 B

21
ghost/admin/public/assets/icons/icon.svg
View file

@ -1,20 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="85px" height="87px" viewBox="0 0 85 87" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
<title>Slice 1</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="1">
<g id="logo" fill="currentColor">
<g id="Group">
<g id="Rectangle-path">
<rect x="0.209" y="69.017" width="33.643" height="17.014" rx="4"></rect>
<rect x="50.672" y="69.017" width="33.622" height="17.014" rx="4"></rect>
<rect x="0.184" y="34.99" width="84.121" height="17.014" rx="4"></rect>
<rect x="0.209" y="0.964" width="50.469" height="17.013" rx="4"></rect>
<rect x="67.494" y="0.964" width="16.821" height="17.013" rx="4"></rect>
</g>
</g>
</g>
</g>
</svg>
<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M80 160c44.183 0 80-35.817 80-80S124.183 0 80 0 0 35.817 0 80s35.817 80 80 80zM78.437 15.592C42.072 19.679 25.947 34.72 22.295 64.98c-.415 3.441-1.232 6.89-2.045 10.322-1.145 4.831-2.282 9.63-2.282 14.336 0 30.285 25.49 54.068 55.774 54.068 11.784 0 22.1-4.944 31.648-10.053 21.187-11.335 41.049-25.255 41.049-50.046 0-17.507-12.852-33.145-23.779-46.443-.551-.67-1.097-1.334-1.636-1.992-5.56-6.79-25.248-21.53-42.587-19.58z" fill="#15171A"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 595 B

BIN
ghost/admin/public/assets/img/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1,004 B

After

Width:  |  Height:  |  Size: 15 KiB

BIN
ghost/admin/public/assets/img/logos/ghost-logo-black-1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
ghost/admin/public/assets/img/logos/orb-black-1.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 51 KiB

BIN
ghost/admin/public/assets/img/logos/orb-black-2.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
ghost/admin/public/assets/img/logos/orb-black-3.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
ghost/admin/public/assets/img/logos/orb-black-4.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
ghost/admin/public/assets/img/logos/orb-black-5.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
ghost/admin/public/assets/img/orb-squircle.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 15 KiB