Skip to content

Commit 4ac6343

Browse files
kamilmysliwieckamilmysliwiec
committed
style: change theme, update assets
1 parent 7d4a5bd commit 4ac6343

16 files changed

+477
-115
lines changed

‎29597897_1675016242605591_4801299736250337778_n.png

262 KB
Loading

‎src/app/homepage/footer/footer.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
href="https://kamilmysliwiec.com"
66
target="blank"
77
title="Kamil Mysliwiec Blog | Full-Stack Software Engineer">
8-
Kamil Myśliwiec</a> © 2017,
8+
Kamil Myśliwiec</a> © 2017-2018,
99
MIT License
1010
<br />
1111
<span>Design <a href="https://dribbble.com/JakubStaron" title="Jakub Staroń Dribble" target="_blank">Jakub Staroń</a>

‎src/app/homepage/header/header.component.html

Lines changed: 40 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,53 @@
11
<header>
22
<div class="icon-wrapper" (click)="toggle.emit()" [class.opened]="isSidebarOpened">
33
<div class="nav-icon">
4-
<img src="assets/menu.png" alt="Open navigation sidebar" />
4+
<svg width="512px" height="512px" enable-background="new 0 0 512.014 512.014" version="1.1" viewBox="0 0 512.014 512.014"
5+
xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
6+
<g transform="translate(-1)">
7+
<g fill="#fff">
8+
<path d="m487.41 308.42l0.018-40.233c1.873-0.123 3.73-0.423 5.546-0.896 8.431-2.369 15.179-8.697 18.083-16.958 1.5-4.237 2.149-8.728 1.908-13.217-1.375-18.505-16.989-32.7-35.542-32.308h-0.62c-25.676-100.42-116.15-170.67-219.8-170.67s-194.12 70.248-219.8 170.67h-0.62c-18.552-0.391-34.167 13.803-35.541 32.308-0.242 4.483 0.407 8.969 1.908 13.2 2.898 8.269 9.648 14.605 18.083 16.975 1.823 0.475 3.687 0.776 5.567 0.9v40.229c-15.058 3.828-25.599 17.385-25.599 32.921 0 15.537 10.541 29.093 25.599 32.922v52.412c0.034 28.268 22.941 51.174 51.209 51.208h358.38c28.268-0.034 51.175-22.941 51.209-51.208v-52.412c15.058-3.828 25.599-17.384 25.6-32.92-1e-3 -15.537-10.541-29.093-25.599-32.923zm-230.4-257.21c94.187 0.206 176.78 62.928 202.28 153.6h-404.55c25.491-90.672 108.09-153.39 202.28-153.6zm-231.21 199.69c-3.163-0.83-5.7-3.189-6.758-6.284-0.752-2.115-1.072-4.359-0.942-6.6 1.007-9.382 9.06-16.411 18.492-16.141h440.83c9.432-0.27 17.485 6.76 18.492 16.142 0.129 2.246-0.191 4.496-0.942 6.617-1.064 3.087-3.6 5.438-6.758 6.267-3.016 0.801-6.215 0.568-9.083-0.663-0.237-0.098-0.491-0.159-0.722-0.27-0.862-0.416-1.681-0.916-2.446-1.491-0.114-0.084-0.245-0.138-0.357-0.226-0.073-0.057-0.156-0.096-0.23-0.153-1.533-1.173-3.142-2.243-4.817-3.201-0.446-0.258-0.898-0.502-1.353-0.743-1.74-0.942-3.542-1.763-5.393-2.46l-0.019-8e-3c-7.584-2.807-15.798-3.456-23.729-1.877-12.015 2.372-22.386 9.893-28.375 20.575-4.327 7.668-12.385 12.476-21.188 12.642h-0.054c-1.449-0.036-2.894-0.186-4.319-0.45-8.054-1.044-15.21-5.656-19.489-12.558-1.015-1.623-2.13-3.181-3.34-4.665-1.083-1.317-2.239-2.573-3.464-3.759-0.107-0.105-0.2-0.229-0.308-0.332-8.023-7.729-18.696-12.101-29.836-12.222-0.136-3e-3 -0.267-0.028-0.403-0.029l-0.081 8e-3c-0.37-2e-3 -0.731-0.057-1.103-0.049-14.927 0.218-28.605 8.382-35.883 21.417-4.434 7.942-21.384 12.692-35.217 12.692-2.301-0.015-4.6-0.152-6.886-0.409-0.284-0.029-0.568-0.069-0.853-0.102-7.674-0.72-15.112-3.038-21.835-6.806-2.291-1.304-4.228-3.15-5.642-5.375-7.278-13.035-20.956-21.198-35.883-21.416-0.367-9e-3 -0.742-0.017-1.108-0.017-1.016 0-2.007 0.124-3.009 0.193-0.675 0.047-1.359 0.052-2.028 0.13-1.322 0.153-2.612 0.413-3.903 0.683-0.547 0.115-1.106 0.186-1.647 0.321-1.273 0.318-2.508 0.742-3.742 1.173-0.541 0.188-1.098 0.333-1.631 0.542-1.126 0.444-2.205 0.99-3.29 1.527-0.602 0.297-1.224 0.548-1.811 0.872-0.947 0.525-1.841 1.145-2.749 1.741-0.666 0.435-1.357 0.825-2 1.298-0.786 0.58-1.511 1.25-2.261 1.883-0.695 0.586-1.42 1.128-2.082 1.759-0.677 0.646-1.282 1.379-1.922 2.071-0.658 0.711-1.35 1.379-1.967 2.139-0.814 1.002-1.538 2.1-2.276 3.183-0.362 0.53-0.771 1.009-1.114 1.558l-0.02 0.028c-1.119 1.742-2.419 3.362-3.878 4.831-0.319 0.344-0.639 0.685-0.974 1.004-1.328 1.23-2.776 2.321-4.324 3.258l-4e-3 -4e-3c-0.541 0.333-1.091 0.624-1.643 0.912-1.442 0.753-2.951 1.368-4.509 1.836l-0.223 0.068c-0.441 0.123-0.892 0.236-1.405 0.351-1.755 0.406-3.545 0.634-5.346 0.681l-0.175 0.01c-0.711 0.011-1.423-0.02-2.131-0.092-0.254-0.016-0.489-0.089-0.741-0.112-0.072-0.014-0.13-0.06-0.203-0.071-7.591-1.099-14.244-5.658-18.008-12.342-5.989-10.683-16.36-18.203-28.375-20.575-3.26-0.646-6.583-0.919-9.905-0.813-9.82-0.056-19.372 3.208-27.103 9.263-3.551 2.816-8.22 3.795-12.602 2.64zm331.11 58.806c-1.601-1.601-3.772-2.499-6.035-2.498h-119.47v-21.067c0.579 0.185 1.173 0.304 1.756 0.474 1.655 0.483 3.299 0.968 4.949 1.338 0.129 0.029 0.256 0.045 0.386 0.073 6.079 1.346 12.282 2.054 18.508 2.115 0.171 0 0.388-0.02 0.562-0.022 0.262 3e-3 0.765 0.022 0.897 0.022 14.167 0 40.675-4.517 50.116-21.442 4.215-7.505 12.032-12.276 20.634-12.593 1.461 0.061 2.915 0.235 4.349 0.521 0.661 0.109 1.352 0.116 1.998 0.273 4.405 1.11 8.461 3.305 11.799 6.386 0.063 0.058 0.14 0.093 0.202 0.152 1.774 1.669 3.323 3.56 4.61 5.628 8.13 13.429 22.84 21.465 38.533 21.05 0.146-4e-3 0.286-0.033 0.432-0.038 15.267 0.085 29.387-8.093 36.91-21.379 4.41-7.856 12.75-12.685 21.758-12.6h9e-3c1.461 0.062 2.914 0.245 4.345 0.547 0.683 0.14 1.335 0.367 2 0.559 1.038 0.297 2.056 0.658 3.05 1.081 0.53 0.227 1.058 0.457 1.571 0.719 1.51 0.751 2.944 1.644 4.284 2.669 1.65 1.301 3.426 2.434 5.3 3.383l-0.025 42.15h-68.267c-2.264-1e-3 -4.435 0.897-6.035 2.498-1.601 1.601-2.499 3.772-2.498 6.035v59.733c0 9.426-7.641 17.067-17.067 17.067s-17.067-7.641-17.067-17.067v-59.733c3e-3 -2.262-0.896-4.433-2.497-6.034zm-14.568 14.569v34.133h-110.93v-34.133h110.93zm-170.67-17.067c-4.713 0-8.533 3.82-8.533 8.533 0 9.426-7.641 17.067-17.067 17.067s-17.067-7.641-17.067-17.067v-25.832c2.648-0.302 5.261-0.852 7.806-1.643l0.094-0.025c0.058-0.017 0.892-0.275 0.958-0.3l0.076-0.029c1.348-0.444 2.668-0.947 3.966-1.521l0.15-0.058c0.508-0.217 1.017-0.442 1.467-0.667 0.136-0.068 0.282-0.151 0.418-0.221 0.951-0.48 1.873-1.004 2.789-1.554 0.257-0.153 0.472-0.271 0.752-0.442l1.283-0.792c0.135-0.092 0.295-0.233 0.43-0.328 0.801-0.556 1.564-1.165 2.33-1.776 0.275-0.22 0.482-0.352 0.782-0.596 0.458-0.358 0.9-0.717 1.333-1.108 0.125-0.114 0.251-0.248 0.375-0.365 0.324-0.3 0.634-0.614 0.951-0.923 0.618-0.625 1.258-1.297 1.999-2.096 0.35-0.367 0.708-0.733 1.05-1.15l0.102-0.139c1.356-1.617 2.6-3.325 3.723-5.111 5.05-8.191 14.021-13.139 23.643-13.041 8.887 0.1 17.047 4.931 21.409 12.675 1.064 1.85 2.338 3.571 3.797 5.129 0.659 0.731 1.4 1.38 2.128 2.052 0.526 0.483 0.954 1.006 1.524 1.47v123.73c0 9.426-7.641 17.067-17.067 17.067s-17.067-7.641-17.067-17.067v-34.142-51.2c-1e-3 -4.712-3.821-8.533-8.534-8.533zm-59.733-18.899v18.899h-68.267v-41.542c2.405-1.035 4.665-2.376 6.725-3.992 4.383-3.42 9.732-5.371 15.287-5.577 1.645-3e-3 3.287 0.145 4.905 0.443 7.139 1.351 13.307 5.806 16.834 12.158 5.28 9.503 14.086 16.546 24.516 19.611zm-76.8 70.099c-9.421-0.012-17.054-7.646-17.067-17.067 0.013-9.409 7.63-17.038 17.039-17.064l0.028 6e-3 77.884-8e-3c0.332 1.142 0.724 2.266 1.175 3.367 0.204 0.544 0.343 1.113 0.574 1.644 0.809 1.871 1.784 3.666 2.914 5.363 0.252 0.377 0.567 0.7 0.833 1.066 0.921 1.288 1.93 2.511 3.021 3.66 0.499 0.518 1.047 0.973 1.579 1.46 0.97 0.9 1.992 1.744 3.06 2.526 0.633 0.457 1.281 0.875 1.946 1.289 1.103 0.684 2.245 1.304 3.419 1.858 0.702 0.333 1.394 0.666 2.121 0.952 1.319 0.502 2.668 0.922 4.039 1.256 0.661 0.168 1.296 0.385 1.972 0.514 8.04 1.604 16.389 0.203 23.465-3.937v13.117h-128zm435.2 68.267c-0.022 18.847-15.295 34.12-34.142 34.142h-358.38c-18.847-0.022-34.12-15.295-34.142-34.142v-51.2l119.47 9e-3v25.6c0 18.851 15.282 34.133 34.133 34.133s34.133-15.282 34.133-34.133v-25.609h110.93c0 18.851 15.282 34.133 34.133 34.133s34.133-15.282 34.133-34.133h59.733v51.2zm8.533-68.267h-68.267v-34.133h68.267c9.426 0 17.067 7.641 17.067 17.067s-7.641 17.066-17.067 17.066z"
9+
/>
10+
<path d="m208.31 79.311l-17.067 17.067c-2.18 2.15-3.041 5.304-2.255 8.264s3.097 5.271 6.057 6.057 6.114-0.075 8.264-2.255l17.067-17.067c3.293-3.339 3.275-8.709-0.041-12.025-3.316-3.315-8.687-3.334-12.025-0.041z"
11+
/>
12+
<path d="m419.14 443.74c2.263 0 4.433-0.899 6.033-2.5l17.067-17.067c3.32-3.334 3.315-8.727-0.013-12.054-3.327-3.327-8.72-3.333-12.054-0.012l-17.067 17.067c-1.601 1.6-2.5 3.77-2.5 6.033s0.899 4.433 2.5 6.033c1.6 1.6 3.771 2.5 6.034 2.5z"
13+
/>
14+
<path d="m105.91 403.58l-17.067 17.067c-2.18 2.15-3.041 5.304-2.255 8.264s3.097 5.271 6.057 6.057 6.113-0.075 8.264-2.255l17.067-17.067c3.293-3.339 3.275-8.709-0.041-12.025s-8.687-3.334-12.025-0.041z"
15+
/>
16+
<path d="m250.97 147.58l-17.067 17.067c-2.18 2.15-3.041 5.304-2.255 8.264s3.097 5.271 6.057 6.057 6.114-0.075 8.264-2.255l17.067-17.067c3.293-3.339 3.275-8.709-0.041-12.025-3.315-3.316-8.686-3.334-12.025-0.041z"
17+
/>
18+
<path d="m297.17 96.378c-3.339-3.293-8.709-3.275-12.025 0.041s-3.334 8.687-0.041 12.025l17.067 17.067c3.339 3.293 8.709 3.275 12.025-0.041s3.334-8.687 0.041-12.025l-17.067-17.067z"
19+
/>
20+
<path d="m143.57 130.51c-3.339-3.293-8.709-3.275-12.025 0.041s-3.334 8.687-0.041 12.025l17.067 17.067c3.339 3.293 8.709 3.275 12.025-0.041s3.334-8.687 0.041-12.025l-17.067-17.067z"
21+
/>
22+
<path d="m288.64 403.58c-3.339-3.293-8.709-3.275-12.025 0.041s-3.334 8.687-0.041 12.025l17.067 17.067c3.339 3.293 8.709 3.275 12.025-0.041s3.334-8.687 0.041-12.025l-17.067-17.067z"
23+
/>
24+
<path d="m365.44 139.04c-3.339-3.293-8.709-3.275-12.025 0.041s-3.334 8.687-0.041 12.025l17.067 17.067c3.339 3.293 8.709 3.275 12.025-0.041s3.334-8.687 0.041-12.025l-17.067-17.067z"
25+
/>
26+
</g>
27+
</g>
28+
</svg>
529
</div>
630
</div>
731
<ng-content></ng-content>
832
<div class="social-wrapper">
9-
<a href="https://twitter.com/nestframework" target="blank"><i class="fa fa-twitter"></i></a>
10-
<a href="https://github.com/kamilmysliwiec/nest" target="blank"><i class="fa fa-github"></i></a>
11-
<a href="https://nestjs.com" title="Nest - A node.js framework built on top of TypeScript" target="blank"><i class="fa fa-globe"></i></a>
33+
<a href="https://twitter.com/nestframework" target="blank">
34+
<i class="fa fa-twitter"></i>
35+
</a>
36+
<a href="https://github.com/kamilmysliwiec/nest" target="blank">
37+
<i class="fa fa-github"></i>
38+
</a>
39+
<a href="https://nestjs.com" title="Nest - A node.js framework built on top of TypeScript" target="blank">
40+
<i class="fa fa-globe"></i>
41+
</a>
1242
</div>
1343
<div class="workshop-wrapper">
14-
<img src="/assets/ng-atl-short.png" alt="ngATL Conference Atlanta, GA" />
44+
<img src="/assets/ng-camp-small.svg" alt="AngularCamp, Barcelona" />
1545
<div class="workshop-info">
16-
<h3 class="long-title"><span>NestJS</span> on 2018 ngATL Conference Atlanta, GA</h3>
17-
<h3 class="short-title"><span>NestJS</span> 2018 ngATL</h3>
18-
<a href="http://ng-atl.org/workshops/level-up-your-node-js-application-with-nest-angular-sugar-on-the-server" target="blank">LEARN MORE</a>
46+
<h3 class="long-title">
47+
<span>NestJS</span> at 2018 AngularCamp Conference, Barcelona</h3>
48+
<h3 class="short-title">
49+
<span>NestJS</span> 2018 AngularCamp</h3>
50+
<a href="https://angularcamp.tech/workshops/scalable-nodejs-with-nest/" target="blank">LEARN MORE</a>
1951
</div>
2052
</div>
2153
</header>

‎src/app/homepage/header/header.component.scss

Lines changed: 24 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
:host {
55
background: $black-color;
6-
border-bottom: 6px solid $red-color;
6+
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
77
display: block;
88
width: 100%;
99
height: 85px;
@@ -25,18 +25,27 @@ header {
2525
background: $darkgrey-color;
2626
display: inline-block;
2727
position: relative;
28+
z-index: 10000;
2829

2930
&:hover {
3031
cursor: pointer;
3132
background: #212121;
3233
}
3334
&.opened {
3435
width: 345px;
36+
box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
37+
3538
@include media(large) { width: 300px; }
3639
@include media(normal) { width: 80px; }
3740
}
3841
.nav-icon {
3942
@extend .center-element;
43+
44+
svg {
45+
width: 35px;
46+
stroke: #fff;
47+
stroke-width: 5;
48+
}
4049
}
4150
@include media(medium) { background: transparent; }
4251
}
@@ -71,7 +80,6 @@ header {
7180
float: right;
7281
padding-right: 40px;
7382
position: relative;
74-
display: inline-block;
7583

7684
a {
7785
@extend .transition;
@@ -94,10 +102,19 @@ header {
94102

95103
.workshop-wrapper {
96104
float: right;
97-
padding: 25px;
105+
padding: 14px 25px;
106+
107+
@include media(medium) {
108+
padding: 23px 15px;
109+
}
110+
111+
@include media(small) {
112+
display: none;
113+
}
98114

99115
img {
100116
margin-right: 10px;
117+
width: 55px;
101118
@include media(medium) {
102119
display: none !important;
103120
}
@@ -110,8 +127,8 @@ header {
110127
}
111128

112129
h3 {
113-
font-size: 14px;
114-
font-weight: 600;
130+
font-size: 16px;
131+
font-weight: 400;
115132
color: #fff;
116133
margin: 0;
117134
}
@@ -157,14 +174,15 @@ header {
157174
span {
158175
display: inline-block;
159176
padding: 1px 2px;
177+
font-weight: 700;
160178
background: -webkit-linear-gradient(#ee2943, #d31e5a); /* For Safari 5.1 to 6.0 */
161179
background: -o-linear-gradient(#ee2943, #d31e5a); /* For Opera 11.1 to 12.0 */
162180
background: -moz-linear-gradient(#ee2943, #d31e5a); /* For Firefox 3.6 to 15 */
163181
background: linear-gradient(#ee2943, #d31e5a); /* Standard syntax */
164182
}
165183
}
166184

167-
@media (max-width: 419px) {
185+
@media (max-width: 480px) {
168186
.workshop-wrapper {
169187
display: none;
170188
}

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy