Browse Source

multiple changes

add gatsby-plugin-catch-links
add fontello icons
shuffle styles
add PGP key
mrkvon 1 year ago
parent
commit
ddeef3620c

+ 3
- 2
content/pages/index.md View File

@@ -1,12 +1,13 @@
1 1
 <div class="center">
2 2
 <p id="main-text">mrkvon is a nickname of a human</p>
3 3
 
4
-[github]("https://github.com/mrkvon")
4
+[<i class="icon-git" />](https://git.mrkvon.org/mrkvon)
5
+[<i class="icon-github" />](https://github.com/mrkvon)
5 6
 
6 7
 ---
7 8
 
8 9
 [&#x6D;&#x72;&#x6B;&#x76;&#x6F;&#x6E;&#x20;&#x61;&#x74;&#x20;&#x70;&#x72;&#x6F;&#x74;&#x6F;&#x6E;&#x6D;&#x61;&#x69;&#x6C;&#x20;&#x64;&#x6F;&#x74;&#x20;&#x63;&#x6F;&#x6D;](<mailto:mrkvon at protonmail dot com>)
9 10
 
10
-[PGP key](/public.txt)
11
+[PGP key](/files/public.key)
11 12
 
12 13
 </div>

+ 2
- 0
gatsby-browser.js View File

@@ -5,3 +5,5 @@
5 5
  */
6 6
 
7 7
 // You can delete this file if you're not using it
8
+import "./src/styles/reset.css"
9
+import "./src/styles/fontello/css/fontello.css"

+ 1
- 0
gatsby-config.js View File

@@ -59,5 +59,6 @@ module.exports = {
59 59
     },
60 60
     "gatsby-plugin-react-helmet",
61 61
     "gatsby-plugin-styled-components",
62
+    "gatsby-plugin-catch-links",
62 63
   ],
63 64
 }

+ 1
- 0
package.json View File

@@ -10,6 +10,7 @@
10 10
     "babel-plugin-styled-components": "^1.12.0",
11 11
     "gatsby": "^2.26.1",
12 12
     "gatsby-image": "^2.5.0",
13
+    "gatsby-plugin-catch-links": "^2.9.0",
13 14
     "gatsby-plugin-manifest": "^2.6.1",
14 15
     "gatsby-plugin-mdx": "^1.9.0",
15 16
     "gatsby-plugin-offline": "^3.4.0",

+ 16
- 2
src/components/blog-navigation.js View File

@@ -1,5 +1,13 @@
1 1
 import React from "react"
2 2
 import { Link, useStaticQuery, graphql } from "gatsby"
3
+import styled from "styled-components"
4
+
5
+const I = styled.i`
6
+  &:before {
7
+    margin-left: 0;
8
+    margin-right: 0;
9
+  }
10
+`
3 11
 
4 12
 /**
5 13
  * A bottom navigation on page
@@ -38,10 +46,16 @@ export default function Navigation({ location }) {
38 46
   return (
39 47
     <nav>
40 48
       {currentIndex > -1 && currentIndex < allUrls.length - 1 && (
41
-        <Link to={`/blog/${allUrls[currentIndex + 1]}`}>&lt; Previous</Link>
49
+        <Link to={`/blog/${allUrls[currentIndex + 1]}`}>
50
+          <I className="icon-angle-left" />
51
+          Previous
52
+        </Link>
42 53
       )}{" "}
43 54
       {currentIndex > 0 && (
44
-        <Link to={`/blog/${allUrls[currentIndex - 1]}`}>Next &gt;</Link>
55
+        <Link to={`/blog/${allUrls[currentIndex - 1]}`}>
56
+          Next
57
+          <I className="icon-angle-right" />
58
+        </Link>
45 59
       )}{" "}
46 60
       <Link to="/blog/archive">List</Link>
47 61
     </nav>

+ 0
- 1
src/components/page-layout.js View File

@@ -9,7 +9,6 @@ import React from "react"
9 9
 import PropTypes from "prop-types"
10 10
 import Header from "./header"
11 11
 import SEO from "./seo"
12
-import "../styles/reset.css"
13 12
 import "./layout.css"
14 13
 
15 14
 const Layout = ({ children, location }) => {

+ 34
- 0
src/styles/fontello.json View File

@@ -0,0 +1,34 @@
1
+{
2
+  "name": "",
3
+  "css_prefix_text": "icon-",
4
+  "css_use_suffix": false,
5
+  "hinting": true,
6
+  "units_per_em": 1000,
7
+  "ascent": 850,
8
+  "glyphs": [
9
+    {
10
+      "uid": "e7cb72a17f3b21e3576f35c3f0a7639b",
11
+      "css": "git",
12
+      "code": 61907,
13
+      "src": "fontawesome"
14
+    },
15
+    {
16
+      "uid": "5e0a374728ffa8d0ae1f331a8f648231",
17
+      "css": "github",
18
+      "code": 61715,
19
+      "src": "fontawesome"
20
+    },
21
+    {
22
+      "uid": "f3f90c8c89795da30f7444634476ea4f",
23
+      "css": "angle-left",
24
+      "code": 61700,
25
+      "src": "fontawesome"
26
+    },
27
+    {
28
+      "uid": "7bf14281af5633a597f85b061ef1cfb9",
29
+      "css": "angle-right",
30
+      "code": 61701,
31
+      "src": "fontawesome"
32
+    }
33
+  ]
34
+}

+ 12
- 0
src/styles/fontello/LICENSE.txt View File

@@ -0,0 +1,12 @@
1
+Font license info
2
+
3
+
4
+## Font Awesome
5
+
6
+   Copyright (C) 2016 by Dave Gandy
7
+
8
+   Author:    Dave Gandy
9
+   License:   SIL ()
10
+   Homepage:  http://fortawesome.github.com/Font-Awesome/
11
+
12
+

+ 75
- 0
src/styles/fontello/README.txt View File

@@ -0,0 +1,75 @@
1
+This webfont is generated by https://fontello.com open source project.
2
+
3
+
4
+================================================================================
5
+Please, note, that you should obey original font licenses, used to make this
6
+webfont pack. Details available in LICENSE.txt file.
7
+
8
+- Usually, it's enough to publish content of LICENSE.txt file somewhere on your
9
+  site in "About" section.
10
+
11
+- If your project is open-source, usually, it will be ok to make LICENSE.txt
12
+  file publicly available in your repository.
13
+
14
+- Fonts, used in Fontello, don't require a clickable link on your site.
15
+  But any kind of additional authors crediting is welcome.
16
+================================================================================
17
+
18
+
19
+Comments on archive content
20
+---------------------------
21
+
22
+- /font/* - fonts in different formats
23
+
24
+- /css/*  - different kinds of css, for all situations. Should be ok with 
25
+  twitter bootstrap. Also, you can skip <i> style and assign icon classes
26
+  directly to text elements, if you don't mind about IE7.
27
+
28
+- demo.html - demo file, to show your webfont content
29
+
30
+- LICENSE.txt - license info about source fonts, used to build your one.
31
+
32
+- config.json - keeps your settings. You can import it back into fontello
33
+  anytime, to continue your work
34
+
35
+
36
+Why so many CSS files ?
37
+-----------------------
38
+
39
+Because we like to fit all your needs :)
40
+
41
+- basic file, <your_font_name>.css - is usually enough, it contains @font-face
42
+  and character code definitions
43
+
44
+- *-ie7.css - if you need IE7 support, but still don't wish to put char codes
45
+  directly into html
46
+
47
+- *-codes.css and *-ie7-codes.css - if you like to use your own @font-face
48
+  rules, but still wish to benefit from css generation. That can be very
49
+  convenient for automated asset build systems. When you need to update font -
50
+  no need to manually edit files, just override old version with archive
51
+  content. See fontello source code for examples.
52
+
53
+- *-embedded.css - basic css file, but with embedded WOFF font, to avoid
54
+  CORS issues in Firefox and IE9+, when fonts are hosted on the separate domain.
55
+  We strongly recommend to resolve this issue by `Access-Control-Allow-Origin`
56
+  server headers. But if you ok with dirty hack - this file is for you. Note,
57
+  that data url moved to separate @font-face to avoid problems with <IE9, when
58
+  string is too long.
59
+
60
+- animate.css - use it to get ideas about spinner rotation animation.
61
+
62
+
63
+Attention for server setup
64
+--------------------------
65
+
66
+You MUST setup server to reply with proper `mime-types` for font files -
67
+otherwise some browsers will fail to show fonts.
68
+
69
+Usually, `apache` already has necessary settings, but `nginx` and other
70
+webservers should be tuned. Here is list of mime types for our file extensions:
71
+
72
+- `application/vnd.ms-fontobject` - eot
73
+- `application/x-font-woff` - woff
74
+- `application/x-font-ttf` - ttf
75
+- `image/svg+xml` - svg

+ 34
- 0
src/styles/fontello/config.json View File

@@ -0,0 +1,34 @@
1
+{
2
+  "name": "",
3
+  "css_prefix_text": "icon-",
4
+  "css_use_suffix": false,
5
+  "hinting": true,
6
+  "units_per_em": 1000,
7
+  "ascent": 850,
8
+  "glyphs": [
9
+    {
10
+      "uid": "e7cb72a17f3b21e3576f35c3f0a7639b",
11
+      "css": "git",
12
+      "code": 61907,
13
+      "src": "fontawesome"
14
+    },
15
+    {
16
+      "uid": "5e0a374728ffa8d0ae1f331a8f648231",
17
+      "css": "github",
18
+      "code": 61715,
19
+      "src": "fontawesome"
20
+    },
21
+    {
22
+      "uid": "f3f90c8c89795da30f7444634476ea4f",
23
+      "css": "angle-left",
24
+      "code": 61700,
25
+      "src": "fontawesome"
26
+    },
27
+    {
28
+      "uid": "7bf14281af5633a597f85b061ef1cfb9",
29
+      "css": "angle-right",
30
+      "code": 61701,
31
+      "src": "fontawesome"
32
+    }
33
+  ]
34
+}

+ 85
- 0
src/styles/fontello/css/animation.css View File

@@ -0,0 +1,85 @@
1
+/*
2
+   Animation example, for spinners
3
+*/
4
+.animate-spin {
5
+  -moz-animation: spin 2s infinite linear;
6
+  -o-animation: spin 2s infinite linear;
7
+  -webkit-animation: spin 2s infinite linear;
8
+  animation: spin 2s infinite linear;
9
+  display: inline-block;
10
+}
11
+@-moz-keyframes spin {
12
+  0% {
13
+    -moz-transform: rotate(0deg);
14
+    -o-transform: rotate(0deg);
15
+    -webkit-transform: rotate(0deg);
16
+    transform: rotate(0deg);
17
+  }
18
+
19
+  100% {
20
+    -moz-transform: rotate(359deg);
21
+    -o-transform: rotate(359deg);
22
+    -webkit-transform: rotate(359deg);
23
+    transform: rotate(359deg);
24
+  }
25
+}
26
+@-webkit-keyframes spin {
27
+  0% {
28
+    -moz-transform: rotate(0deg);
29
+    -o-transform: rotate(0deg);
30
+    -webkit-transform: rotate(0deg);
31
+    transform: rotate(0deg);
32
+  }
33
+
34
+  100% {
35
+    -moz-transform: rotate(359deg);
36
+    -o-transform: rotate(359deg);
37
+    -webkit-transform: rotate(359deg);
38
+    transform: rotate(359deg);
39
+  }
40
+}
41
+@-o-keyframes spin {
42
+  0% {
43
+    -moz-transform: rotate(0deg);
44
+    -o-transform: rotate(0deg);
45
+    -webkit-transform: rotate(0deg);
46
+    transform: rotate(0deg);
47
+  }
48
+
49
+  100% {
50
+    -moz-transform: rotate(359deg);
51
+    -o-transform: rotate(359deg);
52
+    -webkit-transform: rotate(359deg);
53
+    transform: rotate(359deg);
54
+  }
55
+}
56
+@-ms-keyframes spin {
57
+  0% {
58
+    -moz-transform: rotate(0deg);
59
+    -o-transform: rotate(0deg);
60
+    -webkit-transform: rotate(0deg);
61
+    transform: rotate(0deg);
62
+  }
63
+
64
+  100% {
65
+    -moz-transform: rotate(359deg);
66
+    -o-transform: rotate(359deg);
67
+    -webkit-transform: rotate(359deg);
68
+    transform: rotate(359deg);
69
+  }
70
+}
71
+@keyframes spin {
72
+  0% {
73
+    -moz-transform: rotate(0deg);
74
+    -o-transform: rotate(0deg);
75
+    -webkit-transform: rotate(0deg);
76
+    transform: rotate(0deg);
77
+  }
78
+
79
+  100% {
80
+    -moz-transform: rotate(359deg);
81
+    -o-transform: rotate(359deg);
82
+    -webkit-transform: rotate(359deg);
83
+    transform: rotate(359deg);
84
+  }
85
+}

+ 12
- 0
src/styles/fontello/css/fontello-codes.css View File

@@ -0,0 +1,12 @@
1
+.icon-angle-left:before {
2
+  content: "\f104";
3
+} /* '' */
4
+.icon-angle-right:before {
5
+  content: "\f105";
6
+} /* '' */
7
+.icon-github:before {
8
+  content: "\f113";
9
+} /* '' */
10
+.icon-git:before {
11
+  content: "\f1d3";
12
+} /* '' */

+ 73
- 0
src/styles/fontello/css/fontello-embedded.css
File diff suppressed because it is too large
View File


+ 24
- 0
src/styles/fontello/css/fontello-ie7-codes.css View File

@@ -0,0 +1,24 @@
1
+.icon-angle-left {
2
+  *zoom: expression(
3
+    this.runtimeStyle[ "zoom" ] = "1",
4
+    this.innerHTML = "&#xf104;&nbsp;"
5
+  );
6
+}
7
+.icon-angle-right {
8
+  *zoom: expression(
9
+    this.runtimeStyle[ "zoom" ] = "1",
10
+    this.innerHTML = "&#xf105;&nbsp;"
11
+  );
12
+}
13
+.icon-github {
14
+  *zoom: expression(
15
+    this.runtimeStyle[ "zoom" ] = "1",
16
+    this.innerHTML = "&#xf113;&nbsp;"
17
+  );
18
+}
19
+.icon-git {
20
+  *zoom: expression(
21
+    this.runtimeStyle[ "zoom" ] = "1",
22
+    this.innerHTML = "&#xf1d3;&nbsp;"
23
+  );
24
+}

+ 37
- 0
src/styles/fontello/css/fontello-ie7.css View File

@@ -0,0 +1,37 @@
1
+[class^="icon-"],
2
+[class*=" icon-"] {
3
+  font-family: "fontello";
4
+  font-style: normal;
5
+  font-weight: normal;
6
+
7
+  /* fix buttons height */
8
+  line-height: 1em;
9
+
10
+  /* you can be more comfortable with increased icons size */
11
+  /* font-size: 120%; */
12
+}
13
+
14
+.icon-angle-left {
15
+  *zoom: expression(
16
+    this.runtimeStyle[ "zoom" ] = "1",
17
+    this.innerHTML = "&#xf104;&nbsp;"
18
+  );
19
+}
20
+.icon-angle-right {
21
+  *zoom: expression(
22
+    this.runtimeStyle[ "zoom" ] = "1",
23
+    this.innerHTML = "&#xf105;&nbsp;"
24
+  );
25
+}
26
+.icon-github {
27
+  *zoom: expression(
28
+    this.runtimeStyle[ "zoom" ] = "1",
29
+    this.innerHTML = "&#xf113;&nbsp;"
30
+  );
31
+}
32
+.icon-git {
33
+  *zoom: expression(
34
+    this.runtimeStyle[ "zoom" ] = "1",
35
+    this.innerHTML = "&#xf1d3;&nbsp;"
36
+  );
37
+}

+ 70
- 0
src/styles/fontello/css/fontello.css View File

@@ -0,0 +1,70 @@
1
+@font-face {
2
+  font-family: "fontello";
3
+  src: url("../font/fontello.eot?47814317");
4
+  src: url("../font/fontello.eot?47814317#iefix") format("embedded-opentype"),
5
+    url("../font/fontello.woff2?47814317") format("woff2"),
6
+    url("../font/fontello.woff?47814317") format("woff"),
7
+    url("../font/fontello.ttf?47814317") format("truetype"),
8
+    url("../font/fontello.svg?47814317#fontello") format("svg");
9
+  font-weight: normal;
10
+  font-style: normal;
11
+}
12
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
13
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
14
+/*
15
+@media screen and (-webkit-min-device-pixel-ratio:0) {
16
+  @font-face {
17
+    font-family: 'fontello';
18
+    src: url('../font/fontello.svg?47814317#fontello') format('svg');
19
+  }
20
+}
21
+*/
22
+
23
+[class^="icon-"]:before,
24
+[class*=" icon-"]:before {
25
+  font-family: "fontello";
26
+  font-style: normal;
27
+  font-weight: normal;
28
+  speak: never;
29
+
30
+  display: inline-block;
31
+  text-decoration: inherit;
32
+  width: 1em;
33
+  margin-right: 0.2em;
34
+  text-align: center;
35
+  /* opacity: .8; */
36
+
37
+  /* For safety - reset parent styles, that can break glyph codes*/
38
+  font-variant: normal;
39
+  text-transform: none;
40
+
41
+  /* fix buttons height, for twitter bootstrap */
42
+  line-height: 1em;
43
+
44
+  /* Animation center compensation - margins should be symmetric */
45
+  /* remove if not needed */
46
+  margin-left: 0.2em;
47
+
48
+  /* you can be more comfortable with increased icons size */
49
+  /* font-size: 120%; */
50
+
51
+  /* Font smoothing. That was taken from TWBS */
52
+  -webkit-font-smoothing: antialiased;
53
+  -moz-osx-font-smoothing: grayscale;
54
+
55
+  /* Uncomment for 3D effect */
56
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
57
+}
58
+
59
+.icon-angle-left:before {
60
+  content: "\f104";
61
+} /* '' */
62
+.icon-angle-right:before {
63
+  content: "\f105";
64
+} /* '' */
65
+.icon-github:before {
66
+  content: "\f113";
67
+} /* '' */
68
+.icon-git:before {
69
+  content: "\f1d3";
70
+} /* '' */

+ 309
- 0
src/styles/fontello/demo.html View File

@@ -0,0 +1,309 @@
1
+<!DOCTYPE html>
2
+<html>
3
+  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
4
+    <meta charset="UTF-8"><style>/*
5
+ * Bootstrap v2.2.1
6
+ *
7
+ * Copyright 2012 Twitter, Inc
8
+ * Licensed under the Apache License v2.0
9
+ * http://www.apache.org/licenses/LICENSE-2.0
10
+ *
11
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
12
+ */
13
+.clearfix {
14
+  *zoom: 1;
15
+}
16
+.clearfix:before,
17
+.clearfix:after {
18
+  display: table;
19
+  content: "";
20
+  line-height: 0;
21
+}
22
+.clearfix:after {
23
+  clear: both;
24
+}
25
+html {
26
+  font-size: 100%;
27
+  -webkit-text-size-adjust: 100%;
28
+  -ms-text-size-adjust: 100%;
29
+}
30
+a:focus {
31
+  outline: thin dotted #333;
32
+  outline: 5px auto -webkit-focus-ring-color;
33
+  outline-offset: -2px;
34
+}
35
+a:hover,
36
+a:active {
37
+  outline: 0;
38
+}
39
+button,
40
+input,
41
+select,
42
+textarea {
43
+  margin: 0;
44
+  font-size: 100%;
45
+  vertical-align: middle;
46
+}
47
+button,
48
+input {
49
+  *overflow: visible;
50
+  line-height: normal;
51
+}
52
+button::-moz-focus-inner,
53
+input::-moz-focus-inner {
54
+  padding: 0;
55
+  border: 0;
56
+}
57
+body {
58
+  margin: 0;
59
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
60
+  font-size: 14px;
61
+  line-height: 20px;
62
+  color: #333;
63
+  background-color: #fff;
64
+}
65
+a {
66
+  color: #08c;
67
+  text-decoration: none;
68
+}
69
+a:hover {
70
+  color: #005580;
71
+  text-decoration: underline;
72
+}
73
+.row {
74
+  margin-left: -20px;
75
+  *zoom: 1;
76
+}
77
+.row:before,
78
+.row:after {
79
+  display: table;
80
+  content: "";
81
+  line-height: 0;
82
+}
83
+.row:after {
84
+  clear: both;
85
+}
86
+[class*="span"] {
87
+  float: left;
88
+  min-height: 1px;
89
+  margin-left: 20px;
90
+}
91
+.container,
92
+.navbar-static-top .container,
93
+.navbar-fixed-top .container,
94
+.navbar-fixed-bottom .container {
95
+  width: 940px;
96
+}
97
+.span12 {
98
+  width: 940px;
99
+}
100
+.span11 {
101
+  width: 860px;
102
+}
103
+.span10 {
104
+  width: 780px;
105
+}
106
+.span9 {
107
+  width: 700px;
108
+}
109
+.span8 {
110
+  width: 620px;
111
+}
112
+.span7 {
113
+  width: 540px;
114
+}
115
+.span6 {
116
+  width: 460px;
117
+}
118
+.span5 {
119
+  width: 380px;
120
+}
121
+.span4 {
122
+  width: 300px;
123
+}
124
+.span3 {
125
+  width: 220px;
126
+}
127
+.span2 {
128
+  width: 140px;
129
+}
130
+.span1 {
131
+  width: 60px;
132
+}
133
+[class*="span"].pull-right,
134
+.row-fluid [class*="span"].pull-right {
135
+  float: right;
136
+}
137
+.container {
138
+  margin-right: auto;
139
+  margin-left: auto;
140
+  *zoom: 1;
141
+}
142
+.container:before,
143
+.container:after {
144
+  display: table;
145
+  content: "";
146
+  line-height: 0;
147
+}
148
+.container:after {
149
+  clear: both;
150
+}
151
+p {
152
+  margin: 0 0 10px;
153
+}
154
+.lead {
155
+  margin-bottom: 20px;
156
+  font-size: 21px;
157
+  font-weight: 200;
158
+  line-height: 30px;
159
+}
160
+small {
161
+  font-size: 85%;
162
+}
163
+h1 {
164
+  margin: 10px 0;
165
+  font-family: inherit;
166
+  font-weight: bold;
167
+  line-height: 20px;
168
+  color: inherit;
169
+  text-rendering: optimizelegibility;
170
+}
171
+h1 small {
172
+  font-weight: normal;
173
+  line-height: 1;
174
+  color: #999;
175
+}
176
+h1 {
177
+  line-height: 40px;
178
+}
179
+h1 {
180
+  font-size: 38.5px;
181
+}
182
+h1 small {
183
+  font-size: 24.5px;
184
+}
185
+body {
186
+  margin-top: 90px;
187
+}
188
+.header {
189
+  position: fixed;
190
+  top: 0;
191
+  left: 50%;
192
+  margin-left: -480px;
193
+  background-color: #fff;
194
+  border-bottom: 1px solid #ddd;
195
+  padding-top: 10px;
196
+  z-index: 10;
197
+}
198
+.footer {
199
+  color: #ddd;
200
+  font-size: 12px;
201
+  text-align: center;
202
+  margin-top: 20px;
203
+}
204
+.footer a {
205
+  color: #ccc;
206
+  text-decoration: underline;
207
+}
208
+.the-icons {
209
+  font-size: 14px;
210
+  line-height: 24px;
211
+}
212
+.switch {
213
+  position: absolute;
214
+  right: 0;
215
+  bottom: 10px;
216
+  color: #666;
217
+}
218
+.switch input {
219
+  margin-right: 0.3em;
220
+}
221
+.codesOn .i-name {
222
+  display: none;
223
+}
224
+.codesOn .i-code {
225
+  display: inline;
226
+}
227
+.i-code {
228
+  display: none;
229
+}
230
+@font-face {
231
+      font-family: 'fontello';
232
+      src: url('./font/fontello.eot?47969142');
233
+      src: url('./font/fontello.eot?47969142#iefix') format('embedded-opentype'),
234
+           url('./font/fontello.woff?47969142') format('woff'),
235
+           url('./font/fontello.ttf?47969142') format('truetype'),
236
+           url('./font/fontello.svg?47969142#fontello') format('svg');
237
+      font-weight: normal;
238
+      font-style: normal;
239
+    }
240
+     
241
+     
242
+    .demo-icon
243
+    {
244
+      font-family: "fontello";
245
+      font-style: normal;
246
+      font-weight: normal;
247
+      speak: never;
248
+     
249
+      display: inline-block;
250
+      text-decoration: inherit;
251
+      width: 1em;
252
+      margin-right: .2em;
253
+      text-align: center;
254
+      /* opacity: .8; */
255
+     
256
+      /* For safety - reset parent styles, that can break glyph codes*/
257
+      font-variant: normal;
258
+      text-transform: none;
259
+     
260
+      /* fix buttons height, for twitter bootstrap */
261
+      line-height: 1em;
262
+     
263
+      /* Animation center compensation - margins should be symmetric */
264
+      /* remove if not needed */
265
+      margin-left: .2em;
266
+     
267
+      /* You can be more comfortable with increased icons size */
268
+      /* font-size: 120%; */
269
+     
270
+      /* Font smoothing. That was taken from TWBS */
271
+      -webkit-font-smoothing: antialiased;
272
+      -moz-osx-font-smoothing: grayscale;
273
+     
274
+      /* Uncomment for 3D effect */
275
+      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
276
+    }
277
+     </style>
278
+    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
279
+    <script>
280
+      function toggleCodes(on) {
281
+        var obj = document.getElementById('icons');
282
+      
283
+        if (on) {
284
+          obj.className += ' codesOn';
285
+        } else {
286
+          obj.className = obj.className.replace(' codesOn', '');
287
+        }
288
+      }
289
+      
290
+    </script>
291
+  </head>
292
+  <body>
293
+    <div class="container header">
294
+      <h1>fontello <small>font demo</small></h1>
295
+      <label class="switch">
296
+        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
297
+      </label>
298
+    </div>
299
+    <div class="container" id="icons">
300
+      <div class="row">
301
+        <div class="the-icons span3" title="Code: 0xf104"><i class="demo-icon icon-angle-left">&#xf104;</i> <span class="i-name">icon-angle-left</span><span class="i-code">0xf104</span></div>
302
+        <div class="the-icons span3" title="Code: 0xf105"><i class="demo-icon icon-angle-right">&#xf105;</i> <span class="i-name">icon-angle-right</span><span class="i-code">0xf105</span></div>
303
+        <div class="the-icons span3" title="Code: 0xf113"><i class="demo-icon icon-github">&#xf113;</i> <span class="i-name">icon-github</span><span class="i-code">0xf113</span></div>
304
+        <div class="the-icons span3" title="Code: 0xf1d3"><i class="demo-icon icon-git">&#xf1d3;</i> <span class="i-name">icon-git</span><span class="i-code">0xf1d3</span></div>
305
+      </div>
306
+    </div>
307
+    <div class="container footer">Generated by <a href="https://fontello.com">fontello.com</a></div>
308
+  </body>
309
+</html>

BIN
src/styles/fontello/font/fontello.eot View File


+ 18
- 0
src/styles/fontello/font/fontello.svg View File

@@ -0,0 +1,18 @@
1
+<?xml version="1.0" standalone="no"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
+<svg xmlns="http://www.w3.org/2000/svg">
4
+<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
5
+<defs>
6
+<font id="fontello" horiz-adv-x="1000" >
7
+<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
8
+<missing-glyph horiz-adv-x="1000" />
9
+<glyph glyph-name="angle-left" unicode="&#xf104;" d="M350 546q0-7-6-12l-219-220 219-219q6-6 6-13t-6-13l-28-28q-5-5-12-5t-13 5l-260 261q-6 5-6 12t6 13l260 260q5 6 13 6t12-6l28-28q6-5 6-13z" horiz-adv-x="357.1" />
10
+
11
+<glyph glyph-name="angle-right" unicode="&#xf105;" d="M332 314q0-7-5-12l-261-261q-5-5-12-5t-13 5l-28 28q-6 6-6 13t6 13l219 219-219 220q-6 5-6 12t6 13l28 28q5 6 13 6t12-6l261-260q5-5 5-13z" horiz-adv-x="357.1" />
12
+
13
+<glyph glyph-name="github" unicode="&#xf113;" d="M357 171q0-22-7-45t-24-43-40-19-41 19-24 43-7 45 7 46 24 43 41 19 40-19 24-43 7-46z m357 0q0-22-7-45t-24-43-40-19-41 19-24 43-7 45 7 46 24 43 41 19 40-19 24-43 7-46z m90 0q0 67-39 114t-104 47q-23 0-109-12-40-6-88-6t-87 6q-85 12-109 12-66 0-104-47t-39-114q0-49 18-85t45-58 68-33 78-17 83-4h94q46 0 83 4t78 17 69 33 45 58 18 85z m125 99q0-116-34-185-22-43-59-74t-79-48-95-27-96-12-93-3q-43 0-79 2t-82 7-85 17-77 29-67 45-48 64q-35 69-35 185 0 132 76 221-15 45-15 95 0 64 28 121 61 0 106-22t106-69q82 20 172 20 83 0 157-18 58 46 104 67t105 22q29-57 29-121 0-49-15-94 76-89 76-222z" horiz-adv-x="928.6" />
14
+
15
+<glyph glyph-name="git" unicode="&#xf1d3;" d="M332 5q0 56-92 56-88 0-88-58 0-57 96-57 84 0 84 59z m-33 422q0 34-17 56t-49 23q-69 0-69-81 0-75 69-75 66 0 66 77z m150 180v-112q-20-7-44-13 9-24 9-47 0-70-41-120t-110-63q-22-5-33-15t-11-33q0-17 13-28t32-18 44-12 48-15 44-21 32-35 13-55q0-170-203-170-38 0-72 7t-65 23-49 46-18 71q0 92 102 125v3q-38 22-38 70 0 61 35 76v3q-40 13-66 60t-27 93q0 77 53 129t131 51q54 0 100-26 54 0 121 26z m178-491h-124q2 25 2 74v340q0 53-2 72h124q-3-19-3-69v-343q0-49 3-74z m335 124v-110q-40-22-97-22-35 0-60 12t-39 27-22 44-10 51-2 58v196h1v2q-4 0-11 0t-10 1q-12 0-33-3v106h54v42q0 30-4 50h127q-3-23-3-92h95v-106q-8 0-24 1t-24 1h-47v-204q0-73 48-73 34 0 61 19z m-321 528q0-32-22-57t-54-24q-32 0-54 24t-23 57q0 33 22 57t55 25q33 0 54-25t22-57z" horiz-adv-x="1000" />
16
+</font>
17
+</defs>
18
+</svg>

BIN
src/styles/fontello/font/fontello.ttf View File


BIN
src/styles/fontello/font/fontello.woff View File


BIN
src/styles/fontello/font/fontello.woff2 View File


+ 0
- 207
src/styles/index.css View File

@@ -1,207 +0,0 @@
1
-html {
2
-  overflow: -moz-scrollbars-vertical;
3
-  overflow-y: scroll;
4
-}
5
-
6
-body {
7
-  /*font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;*/
8
-  font-family: georgia, serif;
9
-  font-size: 1.2em;
10
-  background-color: #81c0c5;
11
-}
12
-
13
-#wrapper {
14
-  position: relative;
15
-  width: 600px;
16
-  margin: 60px auto 10px auto;
17
-}
18
-
19
-#menu ul li {
20
-  display: inline-block;
21
-  margin-right: 10px;
22
-  color: white;
23
-  font-size: 1.5em;
24
-  list-style-type: none;
25
-}
26
-
27
-#menu a:hover,
28
-#menu .active {
29
-  background-color: white;
30
-  color: #389090;
31
-}
32
-#menu a {
33
-  color: white;
34
-}
35
-
36
-#menu {
37
-  z-index: 5;
38
-}
39
-
40
-#page {
41
-  position: relative;
42
-  background-color: white;
43
-  padding: 30px;
44
-}
45
-
46
-#twitter {
47
-  position: relative;
48
-}
49
-
50
-#twitter_img {
51
-  height: 30;
52
-  width: 30;
53
-}
54
-
55
-#rss {
56
-  position: absolute;
57
-  top: 10px;
58
-  right: 10px;
59
-}
60
-
61
-#rss a:hover {
62
-  background-color: white !important;
63
-}
64
-
65
-div {
66
-  position: relative;
67
-}
68
-
69
-h1 {
70
-  font-family: georgia, serif;
71
-  font-size: 1.5em;
72
-  padding-top: 10px;
73
-  padding-bottom: 10px;
74
-  font-weight: bold;
75
-  color: #389090;
76
-}
77
-
78
-h2 {
79
-  font-weight: bold;
80
-  margin-top: 1em;
81
-  margin-bottom: 1em;
82
-}
83
-
84
-p {
85
-  margin-bottom: 1em;
86
-  clear: left;
87
-}
88
-
89
-a {
90
-  text-decoration: none;
91
-  color: #389090;
92
-}
93
-a:hover {
94
-  text-decoration: none;
95
-  background-color: #81c0c5;
96
-  color: #fff;
97
-  /*border-radius:5px;*/
98
-}
99
-
100
-#page ul {
101
-  list-style-type: circle;
102
-  padding-left: 20px;
103
-  margin-top: 1em;
104
-  margin-bottom: 1em;
105
-}
106
-#page ul li {
107
-  list-style-type: circle;
108
-  padding-bottom: 0.5em;
109
-}
110
-
111
-.post {
112
-  color: #389090;
113
-  font-weight: bold;
114
-}
115
-
116
-hr {
117
-  color: #81c0c5;
118
-  background-color: #81c0c5;
119
-  height: 5px;
120
-  border: 0;
121
-}
122
-
123
-img {
124
-  max-width: 100%;
125
-}
126
-
127
-img.left {
128
-  float: left;
129
-  margin-right: 10px;
130
-  margin-bottom: 10px;
131
-}
132
-
133
-table {
134
-  border: 1px solid black;
135
-  width: 100%;
136
-  margin-top: 10px;
137
-  margin-bottom: 10px;
138
-}
139
-
140
-table td,
141
-table th {
142
-  padding: 5px;
143
-  border: 1px solid black;
144
-  max-width: 60px;
145
-  overflow: hidden;
146
-  background-color: white;
147
-}
148
-
149
-table tr {
150
-  line-height: 1em;
151
-}
152
-
153
-#map {
154
-  height: 200px;
155
-  width: 100%;
156
-}
157
-
158
-.bold_type {
159
-  font-weight: bold;
160
-}
161
-
162
-@media screen and (max-width: 599px) {
163
-  #wrapper {
164
-    width: 100%;
165
-  }
166
-}
167
-
168
-@media screen and (max-width: 320px) {
169
-  #wrapper {
170
-    width: 320px;
171
-  }
172
-}
173
-
174
-.center {
175
-  text-align: center;
176
-}
177
-
178
-#main-text {
179
-  margin-bottom: 40px;
180
-}
181
-
182
-/* highlight span with title */
183
-span[title] {
184
-  color: #666;
185
-}
186
-
187
-/* make the code scroll, not overflow and add some colors */
188
-pre {
189
-  overflow-x: scroll;
190
-  overflow-y: hidden;
191
-  background-color: #222;
192
-  color: whitesmoke;
193
-}
194
-
195
-code {
196
-  font-family: monospace;
197
-}
198
-
199
-blockquote {
200
-  font-style: italic;
201
-  padding-left: 1em;
202
-  font-size: 0.9em;
203
-}
204
-
205
-:not(pre) > code {
206
-  border: 1px solid #81c0c5;
207
-}

+ 30
- 0
static/files/public.key View File

@@ -0,0 +1,30 @@
1
+-----BEGIN PGP PUBLIC KEY BLOCK-----
2
+Version: GnuPG v2
3
+
4
+mQENBFcaf+YBCADjl6Xu3vNOh7Elr/n98PxnKdqvdg0MpF7PTvWXycZacwdNL83H
5
+DiDQ2DS4Qkae9Qe3AZYFoXNZUbBDqBlcN0kACxNsrffrDGS6Zx0R47oLyLB+/Nnl
6
+B9pa0Ym39D6ut4KXlQ0E2cl64Lsw8JgJ5uZWYu2rRK11QiF+oGM1bAQK0Ok9Tpul
7
+37BfG5GUZar0h80ht3SgW5pthmVrzijAvL0QH6t01BivkJgpuH0rExDwEzIcLdEU
8
+RzaGMox5pF7aArGMPkVHSdSOh14FXeGGOKrsYFpW59AXY3WP6veZgyl5PrHe7OdX
9
++c6TAaqdQvRU4dqB8ERarC0OltFsHpua79cvABEBAAG0Jm1pY2hhbCA8bWljaGFs
10
+LnNhbGFqa2FAcHJvdG9ubWFpbC5jb20+iQE3BBMBCAAhBQJXGn/mAhsDBQsJCAcC
11
+BhUICQoLAgQWAgMBAh4BAheAAAoJEEkxMhHncTGQXr0H/RL2aWbKJ/WX2D3xYaEO
12
+uG0+i2mBDwt13PBh9EWRfQHRDbZbrDDPG0O2pl9pNG368wj/27T/HYHoxuY5knTK
13
+/iOTHeZZuZgsNxZEM7UYlrY2wciwkMaewr0plg8AwtvAz78sJKRKgkN89cApBLEM
14
+q0oiE1juUmSSQqxm2DhYjQl+W4ZNyXOGIEGbyGVnt4oxAg4nsCF6JwlGTvj62YDd
15
+ye9Ht4VXF7smSXF9pEmTIVk3sJawDQQTYbRMrO11w/Z2kEjjHUGfss9iuHKO2ABd
16
+mCO/9NmrW1MiQTao4iaxuN5Z7DDydx6JaPsUVofro/cZwneOjRKGqz+AWjLLZ9zI
17
+APW5AQ0EVxp/5gEIALq5xlfkIsF+P+cD/UYb3aDQ54liuEK1tYKbd11QBZeGi4tp
18
+Js8wR9UzW0ut2pdBJAPMhYvoBqcJGPooC+k5HezWb1ILP/80Cm/4dgSB2ngI3n3V
19
+AZU65efz32yWZE4MmVvsd+reQDk6HNOxilzcuEkZneyDebYTkyTf9fTdYiG12zEO
20
+bW6Xc5KKrUNhYAJKXZWgKIRcP96rDLRhlMKmNNWXeddfLz7xl8g63BiB095nh81R
21
+iihjVCKKOA++ooXVPNdOFNvVj58xvU3gUaNTSIl+c/NkDiaXRI42JRsCbIEn2pS6
22
+6D6OXI00Tac1K+QSF87ZjKsCIuZuLz9GSSGPdYcAEQEAAYkBHwQYAQgACQUCVxp/
23
+5gIbDAAKCRBJMTIR53ExkB5ICACcrZWVdU/ttlRXMdq51aOnrzWd4y3DQeSjJ8qx
24
+geHNSzken5YCGfzjvoDdgzkc57sJ8ZkfiSovaMOvY+enkIAuRmCyNUK2dOz8LqXI
25
+tymf3w6JFkdsTBSG8QyYKv0yoPg24S9DznE6NEE5ke5cMIfsxqTBgn44CR8wHTdc
26
+wPZIQeFBvad0otEN5WFbVvpUMKadP27BneET7JqiWzG429jBZ24Ppl+S95L9sPK/
27
+th28+fhecyeWLejoGKBnqYWEKxCP/beKkqDUMitn1cBcHLYqKvBTYCY5/SX8VL7i
28
+douTSkdBBeJGx4/bNfdVN3IZOACkJGWOw3cpvA6PudyyZCOX
29
+=nven
30
+-----END PGP PUBLIC KEY BLOCK-----

+ 8
- 0
yarn.lock View File

@@ -6247,6 +6247,14 @@ gatsby-page-utils@^0.8.0:
6247 6247
     lodash "^4.17.20"
6248 6248
     micromatch "^4.0.2"
6249 6249
 
6250
+gatsby-plugin-catch-links@^2.9.0:
6251
+  version "2.9.0"
6252
+  resolved "https://registry.yarnpkg.com/gatsby-plugin-catch-links/-/gatsby-plugin-catch-links-2.9.0.tgz#e107b35d79e20c41b5c47b021ee9b16271fdf1f4"
6253
+  integrity sha512-PIOu7N5IAIBfRY8W2Kzs34+kAf8Oa0jz1nJfoxyQKvPdPQZDw5Fur23Go64QnhxbE9EHr9XUmFZE5b+7vMl4Mg==
6254
+  dependencies:
6255
+    "@babel/runtime" "^7.12.5"
6256
+    escape-string-regexp "^1.0.5"
6257
+
6250 6258
 gatsby-plugin-manifest@^2.6.1:
6251 6259
   version "2.11.0"
6252 6260
   resolved "https://registry.yarnpkg.com/gatsby-plugin-manifest/-/gatsby-plugin-manifest-2.11.0.tgz#66d4b9c29a83211c289ef597f700bd089a399193"