panthera-jekyll 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/_includes/footer.html +5 -0
  3. data/_includes/header.html +9 -0
  4. data/_includes/left.html +25 -0
  5. data/_layouts/default.html +40 -63
  6. data/_sass/includes/content.scss +17 -0
  7. data/_sass/includes/footer.scss +20 -0
  8. data/_sass/includes/header.scss +36 -0
  9. data/_sass/includes/left.scss +87 -0
  10. data/_sass/includes/right.scss +9 -0
  11. data/_sass/main.scss +44 -0
  12. data/_sass/panthera-jekyll.scss +11 -0
  13. data/_sass/root/functions.scss +7 -0
  14. data/_sass/root/root.scss +28 -0
  15. data/_sass/root/variables.scss +8 -0
  16. data/assets/css/style.scss +6 -0
  17. data/assets/images/left-background.jpg +0 -0
  18. data/assets/libs/fontawesome-5.9.0/css/all.css +4392 -0
  19. data/assets/libs/fontawesome-5.9.0/css/all.min.css +5 -0
  20. data/assets/libs/fontawesome-5.9.0/css/brands.css +14 -0
  21. data/assets/libs/fontawesome-5.9.0/css/brands.min.css +5 -0
  22. data/assets/libs/fontawesome-5.9.0/css/fontawesome.css +4359 -0
  23. data/assets/libs/fontawesome-5.9.0/css/fontawesome.min.css +5 -0
  24. data/assets/libs/fontawesome-5.9.0/css/regular.css +15 -0
  25. data/assets/libs/fontawesome-5.9.0/css/regular.min.css +5 -0
  26. data/assets/libs/fontawesome-5.9.0/css/solid.css +16 -0
  27. data/assets/libs/fontawesome-5.9.0/css/solid.min.css +5 -0
  28. data/assets/libs/fontawesome-5.9.0/css/svg-with-js.css +346 -0
  29. data/assets/libs/fontawesome-5.9.0/css/svg-with-js.min.css +5 -0
  30. data/assets/libs/fontawesome-5.9.0/css/v4-shims.css +2166 -0
  31. data/assets/libs/fontawesome-5.9.0/css/v4-shims.min.css +5 -0
  32. data/assets/libs/fontawesome-5.9.0/js/all.js +4313 -0
  33. data/assets/libs/fontawesome-5.9.0/js/all.min.js +5 -0
  34. data/assets/libs/fontawesome-5.9.0/js/brands.js +556 -0
  35. data/assets/libs/fontawesome-5.9.0/js/brands.min.js +5 -0
  36. data/assets/libs/fontawesome-5.9.0/js/fontawesome.js +2404 -0
  37. data/assets/libs/fontawesome-5.9.0/js/fontawesome.min.js +5 -0
  38. data/assets/libs/fontawesome-5.9.0/js/regular.js +280 -0
  39. data/assets/libs/fontawesome-5.9.0/js/regular.min.js +5 -0
  40. data/assets/libs/fontawesome-5.9.0/js/solid.js +1085 -0
  41. data/assets/libs/fontawesome-5.9.0/js/solid.min.js +5 -0
  42. data/assets/libs/fontawesome-5.9.0/js/v4-shims.js +68 -0
  43. data/assets/libs/fontawesome-5.9.0/js/v4-shims.min.js +5 -0
  44. data/assets/libs/fontawesome-5.9.0/sprites/brands.svg +1291 -0
  45. data/assets/libs/fontawesome-5.9.0/sprites/regular.svg +463 -0
  46. data/assets/libs/fontawesome-5.9.0/sprites/solid.svg +2878 -0
  47. data/assets/libs/fontawesome-5.9.0/webfonts/fa-brands-400.eot +0 -0
  48. data/assets/libs/fontawesome-5.9.0/webfonts/fa-brands-400.svg +3442 -0
  49. data/assets/libs/fontawesome-5.9.0/webfonts/fa-brands-400.ttf +0 -0
  50. data/assets/libs/fontawesome-5.9.0/webfonts/fa-brands-400.woff +0 -0
  51. data/assets/libs/fontawesome-5.9.0/webfonts/fa-brands-400.woff2 +0 -0
  52. data/assets/libs/fontawesome-5.9.0/webfonts/fa-regular-400.eot +0 -0
  53. data/assets/libs/fontawesome-5.9.0/webfonts/fa-regular-400.svg +803 -0
  54. data/assets/libs/fontawesome-5.9.0/webfonts/fa-regular-400.ttf +0 -0
  55. data/assets/libs/fontawesome-5.9.0/webfonts/fa-regular-400.woff +0 -0
  56. data/assets/libs/fontawesome-5.9.0/webfonts/fa-regular-400.woff2 +0 -0
  57. data/assets/libs/fontawesome-5.9.0/webfonts/fa-solid-900.eot +0 -0
  58. data/assets/libs/fontawesome-5.9.0/webfonts/fa-solid-900.svg +4649 -0
  59. data/assets/libs/fontawesome-5.9.0/webfonts/fa-solid-900.ttf +0 -0
  60. data/assets/libs/fontawesome-5.9.0/webfonts/fa-solid-900.woff +0 -0
  61. data/assets/libs/fontawesome-5.9.0/webfonts/fa-solid-900.woff2 +0 -0
  62. metadata +89 -2
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 6f03b5cc78de448a0d05287e82334e4243e12f10818564de2b2ddf201d4b7c12
4
- data.tar.gz: 815e6dff726ab9415a7017aa4e804be6b6e4f2e971024fae02ea943141c8e343
3
+ metadata.gz: cfec54414af741d2f4ce80de1780def8e7d5b945d25da5417959733995a2e58a
4
+ data.tar.gz: 12ad4f0dbabbd6732675de03726e48425f51ab535733aa3c1083cbd95bcb2a61
5
5
  SHA512:
6
- metadata.gz: e1a2a8a88da22563e89f350c255d6accefcec5db9903c1c10b44ec156e3b85245fd2c12ea52351337e08ed32673a2ba37cd2ad8d1639f3f2cb2dabf9d3abed96
7
- data.tar.gz: 591d68332c47ef500f3c9a0141f7d9f27dbada474f31de1c71c3e026ace3eae9677f711704d8e0de82611cfb1557eb15b594b97b46c3dfd914d538ceb94eb33f
6
+ metadata.gz: c1de9fb77fdea0f57df259e199f3c03a12eaf241bd8612a72896b34a7a7d1cfbba0ce4f6a992b1463580fb5b0f6ec3c66b369e062e0a486695dc5117f61b049a
7
+ data.tar.gz: 32b8f98d4082c3940f8d83330606eb18d0d207ccc98e6062b718771b7db22d14964b21d7183c4ad10389aab3a9256b52528dae408f6885611fc8e820e66cc3bd
data/_includes/footer.html ADDED
@@ -0,0 +1,5 @@
1
+ <section class="pan-layout-footer">
2
+ <div class="pan-layout-footer-right">
3
+ <div>Theme designed and maintained by <a target="_blank" href="https://github.com/christianezeani">Christian Ezeani</a>.</div>
4
+ </div>
5
+ </section>
data/_includes/header.html ADDED
@@ -0,0 +1,9 @@
1
+ <section class="pan-layout-header">
2
+ <div class="pan-layout-header__menutoggle">
3
+ <i class="fas fa-bars"></i>
4
+ </div>
5
+
6
+ <div class="pan-layout-header__content">
7
+ <!-- -->
8
+ </div>
9
+ </section>
data/_includes/left.html ADDED
@@ -0,0 +1,25 @@
1
+ <section class="pan-layout-left">
2
+ <div class="pan-layout-left__top">
3
+ <div class="pan-layout-left__avatar">
4
+ {% if site.github.owner_gravatar_url %}
5
+ <img src="{{ site.avatar | default: site.github.owner_gravatar_url }}" alt="{{ site.title | default: site.github.owner_name }}">
6
+ {% else %}
7
+ <img src="https://secure.gravatar.com/avatar/?d=mm&r=g&s=150" alt="">
8
+ {% endif %}
9
+ </div>
10
+
11
+ <div class="pan-layout-left__info">
12
+ <h1 class="pan-layout-left__name">
13
+ {{ site.title | default: site.github.owner_name }}
14
+ </h1>
15
+
16
+ {% if site.subtitle %}
17
+ <h3 class="pan-layout-left__subtitle">
18
+ {{ site.subtitle }}
19
+ </h3>
20
+ {% endif %}
21
+ </div>
22
+ </div>
23
+
24
+ <div class="pan-layout-left__bottom"></div>
25
+ </section>
data/_layouts/default.html CHANGED
@@ -1,71 +1,48 @@
1
1
  <!DOCTYPE html>
2
- <html lang="{{ site.lang | default: "en-US" }}">
2
+ <html lang="{{ site.lang | default: 'en-US' }}">
3
3
  <head>
4
4
  <meta charset='utf-8'>
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
7
- <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen" type="text/css">
8
- <link rel="stylesheet" href="{{ '/assets/css/print.css' | relative_url }}" media="print" type="text/css">
7
+
8
+ <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
9
+ <link rel="stylesheet" href="/assets/libs/fontawesome-5.9.0/css/all.min.css" media="screen" type="text/css">
9
10
 
10
- <!--[if lt IE 9]>
11
+ <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}" media="screen" type="text/css">
12
+ <!-- <link rel="stylesheet" href="{{ '/assets/css/print.css' | relative_url }}" media="print" type="text/css"> -->
13
+
14
+ <!--
15
+ [if lt IE 9]>
11
16
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
12
- <![endif]-->
13
-
14
- </head>
17
+ <![endif]
18
+ -->
19
+
20
+ </head>
21
+
22
+ <body>
23
+ <section class="pan-layout">
24
+ {% include left.html %}
25
+
26
+ <section class="pan-layout-right">
27
+ {% include header.html %}
28
+
29
+ <section class="pan-layout-content">
30
+ {{ content }}
31
+ </section>
32
+
33
+ {% include footer.html %}
34
+ </section>
35
+ </section>
15
36
 
16
- <body>
17
- <header>
18
- <div class="inner">
19
- <a href="{{ '/' | absolute_url }}">
20
- <h1>{{ site.title | default: site.github.repository_name }}</h1>
21
- </a>
22
- <h2>{{ site.description | default: site.github.project_tagline }}</h2>
23
- {% if site.github.is_project_page %}
24
- <a href="{{ site.github.repository_url }}" class="button"><small>View project on</small> GitHub</a>
25
- {% endif %}
26
- {% if site.github.is_user_page %}
27
- <a href="{{ site.github.owner_url }}" class="button"><small>Follow me on</small> GitHub</a>
28
- {% endif %}
29
- </div>
30
- </header>
31
-
32
- <div id="content-wrapper">
33
- <div class="inner clearfix">
34
- <section id="main-content">
35
- {{ content }}
36
- </section>
37
-
38
- <aside id="sidebar">
39
- {% if site.show_downloads %}
40
- <a href="{{ site.github.zip_url }}" class="button">
41
- <small>Download</small>
42
- .zip file
43
- </a>
44
- <a href="{{ site.github.tar_url }}" class="button">
45
- <small>Download</small>
46
- .tar.gz file
47
- </a>
48
- {% endif %}
49
-
50
- {% if site.github.is_project_page %}
51
- <p class="repo-owner"><a href="{{ site.github.repository_url }}">{{ site.github.repository_name }}</a> is maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a>.</p>
52
- {% endif %}
53
-
54
- <p>This page was generated by <a href="https://pages.github.com">GitHub Pages</a>.</p>
55
- </aside>
56
- </div>
57
- </div>
58
-
59
- {% if site.google_analytics %}
60
- <script>
61
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
62
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
63
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
64
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
65
- ga('create', '{{ site.google_analytics }}', 'auto');
66
- ga('send', 'pageview');
67
- </script>
68
- {% endif %}
69
- </body>
70
- </html>
71
-
37
+ {% if site.google_analytics %}
38
+ <script>
39
+ (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
40
+ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
41
+ m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
42
+ })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
43
+ ga('create', '{{ site.google_analytics }}', 'auto');
44
+ ga('send', 'pageview');
45
+ </script>
46
+ {% endif %}
47
+ </body>
48
+ </html>
data/_sass/includes/content.scss ADDED
@@ -0,0 +1,17 @@
1
+ .pan-layout-content {
2
+ position: absolute;
3
+ left: 0px;
4
+ right: 0px;
5
+ top: var(--pan-layout-header-height);
6
+ bottom: var(--pan-layout-footer-height);
7
+ background-color: #FFF;
8
+ padding: 20px;
9
+ overflow: auto;
10
+ overflow-x: hidden;
11
+
12
+ h1 {
13
+ margin: 0px 0px 20px 0px;
14
+ padding: 0px 0px 10px 0px;
15
+ border-bottom: 1px solid #F0F0F0;
16
+ }
17
+ }
data/_sass/includes/footer.scss ADDED
@@ -0,0 +1,20 @@
1
+ .pan-layout-footer {
2
+ position: absolute;
3
+ bottom: 0px;
4
+ left: 0px;
5
+ right: 0px;
6
+ height: var(--pan-layout-footer-height);
7
+ background-color: #FFF;
8
+ border-top: 1px solid #CCC;
9
+ font-size: .75rem;
10
+ text-align: right;
11
+ z-index: 5;
12
+
13
+ > * {
14
+ position: relative;
15
+ top: 50%;
16
+ transform: translateY(-50%);
17
+ padding: 0px 20px;
18
+ }
19
+
20
+ }
data/_sass/includes/header.scss ADDED
@@ -0,0 +1,36 @@
1
+ .pan-layout-header {
2
+ position: absolute;
3
+ top: 0px;
4
+ left: 0px;
5
+ right: 0px;
6
+ height: var(--pan-layout-header-height);
7
+ background-color: #FFF;
8
+ box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
9
+ z-index: 10;
10
+
11
+ > * {
12
+ position: absolute;
13
+ top: 0px;
14
+ bottom: 0px;
15
+
16
+ > * {
17
+ top: 50%;
18
+ position: relative;
19
+ transform: translateY(-50%);
20
+ }
21
+ }
22
+
23
+ &__menutoggle {
24
+ display: var(--pan-menutoggle-display);
25
+ cursor: pointer;
26
+ left: 0px;
27
+ width: 50px;
28
+ border-right: 1px solid #F0F0F0;
29
+ text-align: center;
30
+ }
31
+
32
+ &__content {
33
+ left: 50px;
34
+ right: 0px;
35
+ }
36
+ }
data/_sass/includes/left.scss ADDED
@@ -0,0 +1,87 @@
1
+
2
+ .pan-layout-left {
3
+ display: block;
4
+ position: absolute;
5
+ top: 0px;
6
+ bottom: 0px;
7
+ left: var(--pan-layout-left-left);
8
+ width: var(--pan-layout-left-width);
9
+ background-image: var(--pan-layout-left-background-image);
10
+ background-repeat: no-repeat;
11
+ background-position: center;
12
+ background-size: cover;
13
+ color: #FFF;
14
+ z-index: 10;
15
+
16
+ &:before {
17
+ display: block;
18
+ position: absolute;
19
+ top: 0px;
20
+ bottom: 0px;
21
+ left: 0px;
22
+ right: 0px;
23
+ content: "";
24
+ background-color: var(--pan-layout-left-background-color);
25
+ }
26
+
27
+ > * {
28
+ position: absolute;
29
+ left: 0px;
30
+ right: 0px;
31
+ }
32
+
33
+ h1,h2,h3,h4,h5,h6 {
34
+ margin: 0px;
35
+ }
36
+
37
+ &__top {
38
+ top: 0px;
39
+ height: var(--pan-layout-left-top-height);
40
+ }
41
+
42
+ &__bottom {
43
+ top: var(--pan-layout-left-top-height);
44
+ bottom: 0px;
45
+ }
46
+
47
+ &__avatar {
48
+ position: absolute;
49
+ top: 0px;
50
+ left: 0px;
51
+ right: 0px;
52
+ height: 200px;
53
+
54
+ img {
55
+ display: block;
56
+ margin: 0px auto;
57
+ width: 150px;
58
+ height: 150px;
59
+ border-radius: 50%;
60
+ border: 10px solid rgba(255, 255, 255, .8);
61
+
62
+ position: relative;
63
+ top: 50%;
64
+ transform: translateY(-50%);
65
+ }
66
+ }
67
+
68
+ &__info {
69
+ position: absolute;
70
+ top: 200px;
71
+ bottom: 0px;
72
+ left: 0px;
73
+ right: 0px;
74
+ text-align: center;
75
+ text-transform: uppercase;
76
+ }
77
+
78
+ &__title {
79
+ // font-weight: lighter;
80
+ }
81
+
82
+ &__subtitle {
83
+ font-weight: lighter;
84
+ }
85
+
86
+ }
87
+
data/_sass/includes/right.scss ADDED
@@ -0,0 +1,9 @@
1
+ .pan-layout-right {
2
+ display: block;
3
+ position: absolute;
4
+ top: 0px;
5
+ bottom: 0px;
6
+ left: var(--pan-layout-right-left);
7
+ right: 0px;
8
+ overflow-x: hidden;
9
+ }
data/_sass/main.scss ADDED
@@ -0,0 +1,44 @@
1
+ html, body {
2
+ margin: 0px !important;
3
+ padding: 0px !important;
4
+ font-family: 'Roboto', sans-serif;
5
+ font-size: 1rem;
6
+ color: #333;
7
+ width: 100vw;
8
+ height: 100vh;
9
+ }
10
+
11
+ *, *:before, *:after {
12
+ box-sizing: border-box;
13
+ }
14
+
15
+ a {
16
+ &, &:link, &:visited {
17
+ color: rgb(0, 122, 204);
18
+ text-decoration: none;
19
+ }
20
+
21
+ &:hover {
22
+ text-decoration: underline;
23
+ }
24
+ }
25
+
26
+ h1 { font-size: 1.8rem; }
27
+ h2 { font-size: 1.4rem; }
28
+ h3 { font-size: 1rem; }
29
+ h4 { font-size: .8rem; }
30
+ h5 { font-size: .7rem; }
31
+ h6 { font-size: .6rem; }
32
+
33
+ .pan-text-lighter {
34
+ font-weight: lighter;
35
+ }
36
+
37
+ .pan-layout {
38
+ display: block;
39
+ position: absolute;
40
+ top: 0px;
41
+ left: 0px;
42
+ width: 100vw;
43
+ height: 100vh;
44
+ }
data/_sass/panthera-jekyll.scss ADDED
@@ -0,0 +1,11 @@
1
+ @import './root/variables.scss';
2
+ @import './root/functions.scss';
3
+ @import './root/root.scss';
4
+
5
+ @import './main.scss';
6
+
7
+ @import './includes/left.scss';
8
+ @import './includes/right.scss';
9
+ @import './includes/header.scss';
10
+ @import './includes/footer.scss';
11
+ @import './includes/content.scss';
data/_sass/root/functions.scss ADDED
@@ -0,0 +1,7 @@
1
+ @function pan-device($key) {
2
+ @if map-has-key($device, $key) {
3
+ @return map-get($device, $key);
4
+ }
5
+ @return map-get($device, xl);
6
+ }
7
+
data/_sass/root/root.scss ADDED
@@ -0,0 +1,28 @@
1
+
2
+ :root {
3
+ --pan-color: #090;
4
+
5
+ --pan-layout-left-width: 340px;
6
+ --pan-layout-left-left: calc(var(--pan-layout-left-width) * -1);
7
+ --pan-layout-left-background-color: rgba(0, 122, 204, .7);
8
+ --pan-layout-left-background-image: url(../images/left-background.jpg);
9
+ --pan-layout-left-top-height: 300px;
10
+
11
+ --pan-layout-right-left: 0px;
12
+
13
+ --pan-layout-header-height: 50px;
14
+ --pan-layout-footer-height: 30px;
15
+
16
+ --pan-menutoggle-display: block;
17
+ }
18
+
19
+
20
+ @media (min-width: pan-device(md)) {
21
+ :root {
22
+ --pan-layout-left-left: 0px;
23
+ --pan-layout-right-left: var(--pan-layout-left-width);
24
+
25
+ --pan-menutoggle-display: none;
26
+ }
27
+ }
28
+
data/_sass/root/variables.scss ADDED
@@ -0,0 +1,8 @@
1
+ $device: (
2
+ sm: 576px,
3
+ md: 768px,
4
+ lg: 992px,
5
+ xl: 1200px
6
+ );
7
+
8
+ $color: var(--pan-color);
data/assets/css/style.scss ADDED
@@ -0,0 +1,6 @@
1
+ ---
2
+ ---
3
+
4
+ @import 'panthera-jekyll';
5
+
6
+
data/assets/images/left-background.jpg ADDED
Binary file