jekyll-github-pages 0.1.0 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_data/social-links.yml +15 -0
- data/_scss/_about.scss +0 -0
- data/_scss/_base.scss +106 -0
- data/_scss/_bg.scss +13 -0
- data/_scss/_footer.scss +16 -0
- data/_scss/_header.scss +30 -0
- data/_scss/_intro.scss +87 -0
- data/_scss/_normalize.scss +3 -0
- data/_scss/_particles.scss +18 -0
- data/_scss/_social-links.scss +53 -0
- data/_scss/_vars.scss +4 -0
- data/_scss/main.scss +11 -0
- metadata +13 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e62b8f96e88bb634474be111f6432c0806236bf74ed47d5ea29362bb49be9510
|
|
4
|
+
data.tar.gz: d07c37143bf0d9943b7b04f54e1e450c123c83f4dea8a3b0cf23a66a033260cb
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: c496d1d6d117bbad2dd32541dfc54860127f7473ef9f963a382828700440099faac8b8e5ad495c63f712c9a8aa0536be370f548f3d0fdf6684cebbdd69e4201a
|
|
7
|
+
data.tar.gz: 756a376f342ab6fc472a56a11bb3a4991eb05c0f441c48392ed83c11a9690de91302de13e00f318ae7f4880f1fe856176c4ec88566fd92b665ecd9d86f5c0258
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
- url: "mailto:francis.rosinante@gmail.com"
|
|
2
|
+
icon: "fa fa-envelope"
|
|
3
|
+
label: "email"
|
|
4
|
+
- url: "https://twitter.com/itsfranrose"
|
|
5
|
+
icon: "fab fa-twitter"
|
|
6
|
+
label: "twitter"
|
|
7
|
+
- url: "https://linkedin.com/in/mehdi-rafee"
|
|
8
|
+
icon: "fab fa-linkedin"
|
|
9
|
+
label: "linkedin"
|
|
10
|
+
- url: "https://github.com/itsfranrose"
|
|
11
|
+
icon: "fab fa-github"
|
|
12
|
+
label: "github"
|
|
13
|
+
- url: "https://www.goodreads.com/itsfranrose"
|
|
14
|
+
icon: "fab fa-goodreads"
|
|
15
|
+
label: "goodreads"
|
data/_scss/_about.scss
ADDED
|
File without changes
|
data/_scss/_base.scss
ADDED
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
@import 'normalize'; // fetchNormalize writes _scss/_normalize.scss before build
|
|
2
|
+
|
|
3
|
+
:root {
|
|
4
|
+
--color-text: #555;
|
|
5
|
+
--color-heading: #333;
|
|
6
|
+
--base-font-size: 100%; // respects user settings; typically 16px
|
|
7
|
+
--base-line-height: 1.5;
|
|
8
|
+
--scale-h1: 2.5rem;
|
|
9
|
+
--scale-h2: 2rem;
|
|
10
|
+
--scale-h3: 1.5rem;
|
|
11
|
+
--scale-h4: 1rem;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
/* sensible box model */
|
|
15
|
+
*, *::before, *::after {
|
|
16
|
+
box-sizing: border-box;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
/* font smoothing for most platforms */
|
|
20
|
+
html, body {
|
|
21
|
+
height: 100%;
|
|
22
|
+
min-height: 100vh;
|
|
23
|
+
margin: 0;
|
|
24
|
+
font-size: var(--base-font-size);
|
|
25
|
+
-webkit-font-smoothing: antialiased;
|
|
26
|
+
-moz-osx-font-smoothing: grayscale;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/* page layout */
|
|
30
|
+
body {
|
|
31
|
+
min-height: 100%;
|
|
32
|
+
display: flex;
|
|
33
|
+
flex-direction: column;
|
|
34
|
+
padding: 0;
|
|
35
|
+
line-height: var(--base-line-height);
|
|
36
|
+
color: var(--color-text);
|
|
37
|
+
|
|
38
|
+
/* change this to whatever primary typeface your fonts.css provides */
|
|
39
|
+
font-family: 'Antic Slab', Georgia, "Times New Roman", serif;
|
|
40
|
+
font-weight: 400;
|
|
41
|
+
background: transparent;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
main {
|
|
45
|
+
flex: 1;
|
|
46
|
+
|
|
47
|
+
flex: 1;}
|
|
48
|
+
|
|
49
|
+
/* HTML5 elements default display (kept for older UA compatibility) */
|
|
50
|
+
article, aside, figcaption, figure, footer, header, nav, section {
|
|
51
|
+
display: block;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* headings */
|
|
55
|
+
h1, h2, h3, h4, strong {
|
|
56
|
+
margin-top: 1em;
|
|
57
|
+
padding-top: 1em;
|
|
58
|
+
line-height: 1.25;
|
|
59
|
+
color: var(--color-heading);
|
|
60
|
+
font-weight: 700;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
h1 { font-size: var(--scale-h1); }
|
|
64
|
+
h2 { font-size: var(--scale-h2); }
|
|
65
|
+
h3 { font-size: var(--scale-h3); }
|
|
66
|
+
h4 { font-size: var(--scale-h4); }
|
|
67
|
+
|
|
68
|
+
/* lists */
|
|
69
|
+
ul, ol {
|
|
70
|
+
margin: 1em 0;
|
|
71
|
+
padding-left: 2.5rem; /* ~40px at default font size */
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
/* paragraphs & figures */
|
|
75
|
+
p, figure {
|
|
76
|
+
margin: 1em 0;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
/* images in links and responsive images */
|
|
80
|
+
a img {
|
|
81
|
+
border: 0; /* older browsers */
|
|
82
|
+
max-width: 100%;
|
|
83
|
+
height: auto;
|
|
84
|
+
display: inline-block;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/* superscript / subscript */
|
|
88
|
+
sup, sub {
|
|
89
|
+
line-height: 0;
|
|
90
|
+
vertical-align: baseline;
|
|
91
|
+
}
|
|
92
|
+
sup { vertical-align: super; }
|
|
93
|
+
sub { vertical-align: sub; }
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
/* ensure content sits above background particles */
|
|
97
|
+
.site-wrapper {
|
|
98
|
+
position: relative;
|
|
99
|
+
z-index: 1;
|
|
100
|
+
min-height: 100vh;
|
|
101
|
+
display: flex;
|
|
102
|
+
flex-direction: column;
|
|
103
|
+
}
|
|
104
|
+
.site-main {
|
|
105
|
+
flex: 1 0 auto;
|
|
106
|
+
}
|
data/_scss/_bg.scss
ADDED
data/_scss/_footer.scss
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
.footer {
|
|
2
|
+
z-index: 1;
|
|
3
|
+
padding: 5px 0;
|
|
4
|
+
margin-top: 0;
|
|
5
|
+
text-align: center;
|
|
6
|
+
color: #FFF;
|
|
7
|
+
|
|
8
|
+
.footer-quote {
|
|
9
|
+
font-family: 'Ubuntu Mono';
|
|
10
|
+
display: block;
|
|
11
|
+
line-height: 1.15;
|
|
12
|
+
font-weight: 400;
|
|
13
|
+
color: inherit;
|
|
14
|
+
font-size: clamp(0.1rem, 0.5vw + 0.4rem, 1.5rem);
|
|
15
|
+
}
|
|
16
|
+
}
|
data/_scss/_header.scss
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
$cut: 720px !default;
|
|
2
|
+
$link-color: #ffffff !default; // link/icon foreground
|
|
3
|
+
$bg-color: transparent !default;
|
|
4
|
+
|
|
5
|
+
$icon-size-sm: 1.25rem !default; // ~20px
|
|
6
|
+
$icon-size-lg: 1.875rem !default; // ~30px
|
|
7
|
+
|
|
8
|
+
/* Canvas / hero wrapper (keeps header vertically centered when used as hero) */
|
|
9
|
+
.canvas {
|
|
10
|
+
display: flex;
|
|
11
|
+
flex-direction: column;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
align-items: center;
|
|
14
|
+
text-align: center;
|
|
15
|
+
padding: 2rem 1rem; /* breathing room on small screens */
|
|
16
|
+
background: $bg-color;
|
|
17
|
+
box-sizing: border-box;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
/* Main header block */
|
|
21
|
+
.header {
|
|
22
|
+
font-family: 'Montserrat', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
23
|
+
color: $link-color;
|
|
24
|
+
position: relative; /* stays in flow, allows z-indexing */
|
|
25
|
+
z-index: 1; /* sits above particle canvas (z-index:0) */
|
|
26
|
+
margin: 0 auto;
|
|
27
|
+
max-width: 900px;
|
|
28
|
+
width: 100%;
|
|
29
|
+
padding: 0.5rem 1rem;
|
|
30
|
+
}
|
data/_scss/_intro.scss
ADDED
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
$user-username-color: #fff6e8;
|
|
2
|
+
$user-name-color: #d1ebd4;
|
|
3
|
+
$user-title-color: #eac7ff;
|
|
4
|
+
$user-short-description-color: #6ad4a8;
|
|
5
|
+
$user-description-color: #e3a36f;
|
|
6
|
+
|
|
7
|
+
/* Main header block */
|
|
8
|
+
.intro {
|
|
9
|
+
font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
10
|
+
color: #FFF;
|
|
11
|
+
position: relative; /* stays in flow, allows z-indexing */
|
|
12
|
+
z-index: 1; /* sits above particle canvas (z-index:0) */
|
|
13
|
+
max-width: 900px;
|
|
14
|
+
width: 100%;
|
|
15
|
+
padding: 0.5rem 1rem;
|
|
16
|
+
text-align: center;
|
|
17
|
+
white-space: nowrap;
|
|
18
|
+
margin-top: 5rem;
|
|
19
|
+
|
|
20
|
+
/* Title & description */
|
|
21
|
+
.user-username {
|
|
22
|
+
font-family: 'Amarante';
|
|
23
|
+
display: inline-block;
|
|
24
|
+
line-height: 1.05;
|
|
25
|
+
font-weight: 700;
|
|
26
|
+
color: $user-username-color;
|
|
27
|
+
font-size: clamp(1.0rem, 1.0vw + 2.9rem, 4.5rem);
|
|
28
|
+
|
|
29
|
+
&::before {
|
|
30
|
+
content: attr(data-name); /* invisible spacer */
|
|
31
|
+
visibility: hidden;
|
|
32
|
+
white-space: nowrap;
|
|
33
|
+
/* match typography of the visible name so widths match */
|
|
34
|
+
font-family: 'Averia Serif Libre';
|
|
35
|
+
font-weight: 700;
|
|
36
|
+
line-height: 1.05;
|
|
37
|
+
font-size: clamp(0.1rem, 0.1vw + 1.0rem, 2.0rem);
|
|
38
|
+
margin-right: 0.3rem;
|
|
39
|
+
display: inline-block;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.user-name {
|
|
44
|
+
font-family: 'Averia Serif Libre';
|
|
45
|
+
line-height: 1.05;
|
|
46
|
+
font-weight: 700;
|
|
47
|
+
display: inline-block;
|
|
48
|
+
color: $user-name-color;
|
|
49
|
+
/* fluid size: min 1.5rem, preferred with viewport, max 2.6rem */
|
|
50
|
+
font-size: clamp(0.1rem, 0.1vw + 1.0rem, 2.0rem);
|
|
51
|
+
/* small vertical tweak if you want it raised/lowered: */
|
|
52
|
+
transform: translateX(0.3rem) translateY(0.35rem);
|
|
53
|
+
vertical-align: baseline; /* or text-top/text-bottom */
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.user-title {
|
|
57
|
+
font-family: 'Caesar Dressing';
|
|
58
|
+
display: block;
|
|
59
|
+
margin: 0.5rem 0 0;
|
|
60
|
+
line-height: 1.15;
|
|
61
|
+
font-weight: 400;
|
|
62
|
+
color: $user-title-color;
|
|
63
|
+
font-size: clamp(0.1rem, 0.6vw + 0.8rem, 1.5rem);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.user-short-description {
|
|
67
|
+
font-family: 'Barriecito';
|
|
68
|
+
display: block;
|
|
69
|
+
margin: 1.9rem 0 0;
|
|
70
|
+
line-height: 1.15;
|
|
71
|
+
font-weight: 400;
|
|
72
|
+
color: $user-short-description-color;
|
|
73
|
+
font-size: clamp(1rem, 1.6vw + 0.8rem, 1.5rem);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.user-description {
|
|
78
|
+
font-family: 'Roboto Mono', 'Ubuntu Mono';
|
|
79
|
+
max-width: 650px; // limits line length for readability
|
|
80
|
+
display: block;
|
|
81
|
+
margin: 3rem auto 0; // centers content below header
|
|
82
|
+
line-height: 2.0; // more comfortable for long text
|
|
83
|
+
font-weight: 400;
|
|
84
|
+
font-size: clamp(0.9rem, 1.2vw + 0.8rem, 1.2rem);
|
|
85
|
+
text-align: justify !important;
|
|
86
|
+
color: $user-description-color;
|
|
87
|
+
}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
/* Auto-fetched normalize.css */
|
|
2
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
|
|
3
|
+
/*# sourceMappingURL=normalize.min.css.map */
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/* particles background: fixed full-bleed, sits behind content */
|
|
2
|
+
#particles-js {
|
|
3
|
+
position: fixed;
|
|
4
|
+
inset: 0; /* top/right/bottom/left:0 */
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
z-index: 0; /* background layer */
|
|
8
|
+
pointer-events: none; /* allow clicks through */
|
|
9
|
+
|
|
10
|
+
/* fallback background color (var from _vars.scss or _base) */
|
|
11
|
+
background: $main;
|
|
12
|
+
background-repeat: no-repeat;
|
|
13
|
+
background-size: cover;
|
|
14
|
+
|
|
15
|
+
/* improve painting isolation */
|
|
16
|
+
contain: paint; /* isolates painting to this element in supporting browsers */
|
|
17
|
+
-webkit-transform: translateZ(0); /* hint to compositor (may help in some UAs) */
|
|
18
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
.social-links {
|
|
2
|
+
display: flex;
|
|
3
|
+
gap: 0.375rem;
|
|
4
|
+
justify-content: center;
|
|
5
|
+
align-items: center;
|
|
6
|
+
|
|
7
|
+
a {
|
|
8
|
+
/* anchors wrapping icons should be inline-flex so hit area is predictable */
|
|
9
|
+
display: inline-flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
background: transparent;
|
|
13
|
+
border: none;
|
|
14
|
+
padding: 0;
|
|
15
|
+
margin: 0;
|
|
16
|
+
color: inherit;
|
|
17
|
+
text-decoration: none;
|
|
18
|
+
line-height: 1;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.icon {
|
|
22
|
+
display: inline-flex;
|
|
23
|
+
align-items: center;
|
|
24
|
+
justify-content: center;
|
|
25
|
+
color: $link-color;
|
|
26
|
+
width: $icon-size-sm;
|
|
27
|
+
height: $icon-size-sm;
|
|
28
|
+
font-size: $icon-size-sm;
|
|
29
|
+
padding: 0.5rem; /* creates a comfortable touch target */
|
|
30
|
+
margin: 0.25rem;
|
|
31
|
+
border-radius: 50%;
|
|
32
|
+
background: transparent;
|
|
33
|
+
transition: color 180ms ease, background-color 180ms ease, transform 120ms ease;
|
|
34
|
+
line-height: 1;
|
|
35
|
+
|
|
36
|
+
&:hover,
|
|
37
|
+
&:focus {
|
|
38
|
+
color: $main;
|
|
39
|
+
background: #fff;
|
|
40
|
+
transform: translateY(-3px);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&:active {
|
|
44
|
+
transform: translateY(-1px) scale(0.99);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
@media (min-width: #{$cut}) {
|
|
48
|
+
width: $icon-size-lg;
|
|
49
|
+
height: $icon-size-lg;
|
|
50
|
+
font-size: $icon-size-lg;
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
data/_scss/_vars.scss
ADDED
data/_scss/main.scss
ADDED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-github-pages
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Francis Rosinante
|
|
@@ -59,6 +59,7 @@ extra_rdoc_files: []
|
|
|
59
59
|
files:
|
|
60
60
|
- LICENSE
|
|
61
61
|
- README.md
|
|
62
|
+
- _data/social-links.yml
|
|
62
63
|
- _includes/about.html
|
|
63
64
|
- _includes/fonts.html
|
|
64
65
|
- _includes/footer.html
|
|
@@ -70,6 +71,17 @@ files:
|
|
|
70
71
|
- _includes/vendor-scripts.html
|
|
71
72
|
- _layouts/default.html
|
|
72
73
|
- _layouts/landing.html
|
|
74
|
+
- _scss/_about.scss
|
|
75
|
+
- _scss/_base.scss
|
|
76
|
+
- _scss/_bg.scss
|
|
77
|
+
- _scss/_footer.scss
|
|
78
|
+
- _scss/_header.scss
|
|
79
|
+
- _scss/_intro.scss
|
|
80
|
+
- _scss/_normalize.scss
|
|
81
|
+
- _scss/_particles.scss
|
|
82
|
+
- _scss/_social-links.scss
|
|
83
|
+
- _scss/_vars.scss
|
|
84
|
+
- _scss/main.scss
|
|
73
85
|
- assets/css/devicon.css
|
|
74
86
|
- assets/css/fontawesome.css
|
|
75
87
|
- assets/css/google-fonts.css
|