Skip to content

Commit 85cd716

Browse files
keuneskeunes
authored
Brand update (#220)
1 parent e8ca2c4 commit 85cd716

40 files changed

+706
-524
lines changed

‎_blog/2020-09-04-New icon.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
title: New icon
33
excerpt: Announcing the poll results and our new icon
44
date: "2020-09-04 12:00:00"
5-
image: "default.png"
5+
image: "2020/default.png"
66
author: bytehamster
77
layout: blog
88
guid: https://antennapod.org/blog/2020/09/new-icon

‎_includes/event-card.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div class="card event-card mb-4">
22
<a class="stretched-link" href="{{ site.baseurl }}{{ event.url | replace:'.html','' }}"></a>
3-
<img src="/assets/images/events/{% if page.image %}{{ event.image }}{% else %}default.png{% endif %}" loading="lazy" />
3+
<img src="/assets/{% if page.image %}images/events/{{ event.image }}{% else %}branding/covers/Cover_001.png{% endif %}" loading="lazy" />
44
<div class="card-body">
55
<h3 class="card-title">{{ event.title }}</h3>
66
<h4 class="card-subtitle text-muted mb-2">

‎_includes/footer.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
<div class="row pt-2 mb-4 mb-lg-3 justify-content-between">
1212
<div class="col-12 col-lg-4 col-md-12 mb-3">
1313
<div class="small mb-4 mb-lg-3"><a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}"><img
14-
src="{{ site.baseurl_root }}/assets/logos/logo.png" width="260px" /></a></div>
14+
src="/assets/branding/logo-full-horizontal-dynamic.svg" width="260px" /></a></div>
1515
<p class="size-14 color-gray-900 mb-3">{% t footer.description %}</p>
1616
</div>
1717
<div class="col-0 col-lg-2"></div>

‎_includes/head.html

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
{% elsif page.image %}
2222
/assets/images/{{ page.image }}
2323
{% else %}
24-
/assets/images/blog/default.png
24+
/assets/branding/covers/Cover_001.png
2525
{% endif %}
2626
{% endcapture %}
2727
{% assign image = image | strip | prepend: site.url %}
@@ -48,13 +48,15 @@
4848
<meta property="og:site_name" content="{{ site.title }}">
4949

5050
<!-- Favicon -->
51-
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-touch-icon.png">
52-
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
53-
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
54-
<link rel="mask-icon" href="/assets/images/favicons/safari-pinned-tab.svg" color="#2a854e">
55-
<meta name="msapplication-TileColor" content="#2a854e">
56-
<meta name="theme-color" content="#2a854e">
57-
<link rel="shortcut icon" href="/assets/images/favicons/favicon.ico" type="image/x-icon">
51+
<link rel="apple-touch-icon" sizes="180x180" href="/assets/branding/favicons/apple-touch-icon.png?v=2">
52+
<link rel="icon" type="image/png" sizes="32x32" href="/assets/branding/favicons/favicon-32x32.png?v=2">
53+
<link rel="icon" type="image/png" sizes="16x16" href="/assets/branding/favicons/favicon-16x16.png?v=2">
54+
<link rel="manifest" href="/assets/branding/favicons/site.webmanifest?v=2">
55+
<link rel="mask-icon" href="/assets/branding/favicons/safari-pinned-tab.svg?v=2" color="#364ff3">
56+
<link rel="shortcut icon" href="/assets/branding/favicons/favicon.ico?v=2">
57+
<meta name="msapplication-TileColor" content="#364ff3">
58+
<meta name="msapplication-config" content="/assets/branding/favicons/browserconfig.xml?v=2">
59+
<meta name="theme-color" content="#ffffff">
5860

5961
<!-- Resources -->
6062
<link rel="stylesheet" href="/assets/css/main.css">

‎_includes/nav.html

Lines changed: 73 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -1,77 +1,84 @@
1-
<div class="container-fluid fixed background-gray-100">
2-
<div class="container py-4">
3-
<div class="navbar navbar-expand-xl justify-content-between">
4-
<div>
5-
<a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">
6-
<img class="smallermobile" src="/assets/logos/logo.png" id="mainlogo" />
7-
</a>
8-
</div>
9-
<div class="collapse navbar-collapse flex-grow-0 weight-500">
10-
<div class="navbar-nav align-items-center">
11-
{% for link in site.data.navbar %}
12-
<div class="nav-item ml-2">
13-
<a class="nav-link" href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
14-
</div>
15-
{% endfor %}
16-
<div class="nav-item ml-0 ml-sm-1 text-center">
17-
<li class="nav-item dropdown mb-0">
18-
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
19-
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
20-
<i class="fa fa-globe size-16 color-gray-900"></i><span
21-
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
22-
</button>
23-
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
24-
{% include nav_languages.html %}
25-
</div>
26-
</li>
27-
</div>
28-
</div>
1+
<div class="w-100 fixed background-gray-100">
2+
<div class="container px-0 py-2 py-md-4">
3+
<div class="navbar navbar-expand-xl">
4+
5+
<div class="col">
6+
<a href="/{% if site.lang != 'en' %}{{ site.lang }}{% endif %}">
7+
<img src="/assets/branding/logo-full-horizontal-dynamic.svg" id="mainlogo" />
8+
</a>
9+
</div>
10+
11+
<div class="col-auto">
12+
<div class="collapse navbar-collapse flex-grow-0 weight-500">
13+
<div class="navbar-nav align-items-center">
14+
{% for link in site.data.navbar %}
15+
<div class="nav-item ml-2">
16+
<a class="nav-link" href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
2917
</div>
30-
<div class="d-xl-none">
31-
<div class="nav-item text-center d-inline-block">
32-
<div class="nav-item dropdown">
33-
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
34-
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
35-
<i class="fa fa-globe size-16 color-gray-900"></i><span
36-
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
37-
</button>
38-
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
39-
{% include nav_languages.html %}
40-
</div>
41-
</div>
18+
{% endfor %}
19+
<div class="nav-item ml-2 ml-sm-1 text-center">
20+
<li class="nav-item dropdown mb-0">
21+
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
22+
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
23+
<i class="fa fa-globe size-16 color-gray-900"></i><span
24+
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
25+
</button>
26+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
27+
{% include nav_languages.html %}
4228
</div>
43-
<button class="navbar-toggler" onclick="openNav()"><img
44-
src="{{ site.baseurl_root }}/assets/images/icons/burger.svg" /></button>
29+
</li>
4530
</div>
31+
</div>
4632
</div>
4733

48-
<div id="navbar-mobile" class="overlay">
49-
<button class="closebtn" onclick="closeNav()">&times;</button>
50-
<div class="overlay-header">
51-
<img src="{{ site.baseurl_root }}/assets/logos/icon.png" width="80px" height="auto"
52-
alt="{% t generic.accessibility.logo %}" />
53-
</div>
54-
<div class="overlay-content">
55-
{% for link in site.data.navbar %}
56-
<a href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
57-
{% endfor %}
58-
</div>
59-
<div class="overlay-footer">
60-
{% if site.twitter_username %}
61-
<a class="mr-2 color-gray-900" href="https://twitter.com/{{ site.twitter_username }}" target="_blank"
62-
rel="noopener"><i class="fab fa-twitter mr-1"></i>Twitter</a>
63-
{% endif %}
64-
{% if site.mastodon_username %}
65-
<a class="mr-2 color-gray-900" href="https://{{ site.mastodon_server }}/@{{ site.mastodon_username }}" target="_blank"
66-
rel="me noopener"><i class="fab fa-mastodon mr-1"></i>Mastodon</a>
67-
{% endif %}
68-
{% if site.github_username %}
69-
<a class="mr-2 color-gray-900" href="https://github.com/{{ site.github_username }}" target="_blank"
70-
rel="noopener"><i class="fab fa-github mr-1"></i>GitHub</a>
71-
{% endif %}
34+
<div class="d-xl-none">
35+
<div class="nav-item text-center d-inline-block">
36+
<div class="nav-item dropdown">
37+
<button class="nav-link dropdown-toggle" id="navbarDropdown" aria-label="{% t generic.accessibility.lang-menu %}"
38+
role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
39+
<i class="fa fa-globe size-16 color-gray-900"></i><span
40+
class="ml-1 size-16 color-gray-900 weight-600">{{ site.lang | upcase }}</span>
41+
</button>
42+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
43+
{% include nav_languages.html %}
7244
</div>
45+
</div>
7346
</div>
47+
48+
<button class="navbar-toggler" onclick="openNav()"><img
49+
src="{{ site.baseurl_root }}/assets/images/icons/burger.svg" /></button>
50+
</div>
51+
52+
</div>
53+
</div>
54+
55+
<div id="navbar-mobile" class="overlay">
56+
<button class="closebtn" onclick="closeNav()">&times;</button>
57+
<div class="overlay-header">
58+
<img src="/assets/branding/logo-icon.svg" width="80px" height="auto"
59+
alt="{% t generic.accessibility.logo %}" />
60+
</div>
61+
<div class="overlay-content">
62+
{% for link in site.data.navbar %}
63+
<a href="{% unless link.url contains 'http' %}{{ site.baseurl }}{% endunless %}{{ link.url }}">{% t {{ link.key }} %}</a>
64+
{% endfor %}
65+
</div>
66+
<div class="overlay-footer">
67+
{% if site.twitter_username %}
68+
<a class="mr-2 color-gray-900" href="https://twitter.com/{{ site.twitter_username }}" target="_blank"
69+
rel="noopener"><i class="fab fa-twitter mr-1"></i>Twitter</a>
70+
{% endif %}
71+
{% if site.mastodon_username %}
72+
<a class="mr-2 color-gray-900" href="https://{{ site.mastodon_server }}/@{{ site.mastodon_username }}" target="_blank"
73+
rel="me noopener"><i class="fab fa-mastodon mr-1"></i>Mastodon</a>
74+
{% endif %}
75+
{% if site.github_username %}
76+
<a class="mr-2 color-gray-900" href="https://github.com/{{ site.github_username }}" target="_blank"
77+
rel="noopener"><i class="fab fa-github mr-1"></i>GitHub</a>
78+
{% endif %}
79+
</div>
7480
</div>
81+
</div>
7582
</div>
7683

7784
<script>

‎_layouts/event.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ <h1>{{ page.title }}</h1>
1616
{% if page.summary %}<p>{{ page.summary }}</p>{% endif %}
1717
</div>
1818
<div class="card">
19-
<img src="/assets/images/events/{% if page.image %}{{ event.image }}{% else %}default.png{% endif %}" loading="lazy" />
19+
<img src="/assets/{% if page.image %}images/events/{{ event.image }}{% else %}branding/covers/Cover_001.png{% endif %}" loading="lazy" />
2020
<div class="card-body">
2121
<p class="card-text font-italic capitalise-first-letter" >
2222
{% capture nowunix %}{{ 'now' | date: '%s' }}{% endcapture %}

‎_sass/_colors.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,13 @@ $black: #000;
55
// Brand palette
66

77
$brand-list: (
8-
"primary": #177ef0,
9-
"secondary": #23a7ff,
10-
"lightblue": #c0e6fb,
8+
"primary": #1b8bf6,
9+
"secondary": #364ff3,
10+
"lightblue": #16d0ff,
1111
"green": #4ad373,
1212
"red": #ff5353,
1313
"gray": #f6f6f6,
14-
"dark": #3f3f3f,
14+
"dark": #001937,
1515
"gradient": #c0e6fb,
1616
);
1717

‎_sass/_custom.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,10 @@ body {
2121

2222
// Navbar
2323

24+
#mainlogo {
25+
max-width: 100%;
26+
}
27+
2428
.fixed {
2529
position: sticky;
2630
top: 0;

‎assets/branding/covers/Cover_001.png

163 KB
Loading

‎assets/branding/favicons/android-chrome-192x192.png

23.7 KB
Loading

0 commit comments

Comments
 (0)