jscom_ice 0.0.1 → 0.0.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.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +17 -1
  3. data/_includes/carousel.html +15 -0
  4. data/_includes/contact-me-form.html +64 -0
  5. data/_includes/embed-audio.html +4 -0
  6. data/_includes/footer.html +11 -0
  7. data/_includes/header.html +165 -0
  8. data/_includes/john_landing.html +9 -0
  9. data/_includes/navbar.html +47 -0
  10. data/_includes/post_navigation.html +20 -0
  11. data/_includes/posts.html +33 -0
  12. data/_includes/scripts.html +16 -0
  13. data/_includes/tags.html +22 -0
  14. data/_includes/yearly_content.html +19 -0
  15. data/_layouts/default.html +38 -0
  16. data/_layouts/home.html +13 -0
  17. data/_layouts/lore.html +19 -0
  18. data/_layouts/page.html +15 -0
  19. data/_layouts/post.html +48 -0
  20. data/_sass/base/_base.scss +164 -0
  21. data/_sass/component/_all-components.scss +11 -0
  22. data/_sass/component/_author.scss +37 -0
  23. data/_sass/component/_carousel.scss +17 -0
  24. data/_sass/component/_code.scss +25 -0
  25. data/_sass/component/_codeblock.scss +32 -0
  26. data/_sass/component/_contact.scss +9 -0
  27. data/_sass/component/_form.scss +42 -0
  28. data/_sass/component/_highlight.scss +164 -0
  29. data/_sass/component/_navbar.scss +77 -0
  30. data/_sass/component/_post-navigation.scss +40 -0
  31. data/_sass/component/_posts.scss +36 -0
  32. data/_sass/component/_table.scss +19 -0
  33. data/_sass/layout/_footer.scss +20 -0
  34. data/_sass/layout/_layout.scss +104 -0
  35. data/_sass/main.scss +68 -0
  36. data/_sass/pages/_home.scss +5 -0
  37. data/_sass/pages/_page.scss +20 -0
  38. data/_sass/pages/_post.scss +57 -0
  39. data/assets/css/bootstrap.css.map +1 -0
  40. data/assets/css/bootstrap.min.css +6 -0
  41. data/assets/css/style.scss +4 -0
  42. data/assets/js/bootstrap.js +3894 -0
  43. data/assets/js/bootstrap.js.map +1 -0
  44. data/assets/js/bootstrap.min.js +7 -0
  45. data/assets/js/bootstrap.min.js.map +1 -0
  46. data/assets/js/jquery-3.7.0.min.js +2 -0
  47. data/assets/js/popper.min.js +6 -0
  48. metadata +47 -2
data/_sass/layout/_layout.scss ADDED
@@ -0,0 +1,104 @@
1
+ // Added below
2
+
3
+ // Content
4
+ .posts-item-note {
5
+ font-size: $base-font-size;
6
+ font-weight: 700;
7
+ margin-bottom: 5px;
8
+ color: $black;
9
+ }
10
+
11
+ // List of posts
12
+ .post-item {
13
+ display: flex;
14
+ padding-top: 5px;
15
+ padding-bottom: 6px;
16
+ //@extend %clearfix;
17
+
18
+ &:not(:first-child) {
19
+ border-top: 1px solid $light;
20
+ }
21
+
22
+ .post-item-date {
23
+ min-width: 96px;
24
+ color: $black;
25
+ font-weight: 700;
26
+ padding-right: 10px;
27
+
28
+ @include media-query($on-mobile) {
29
+ font-size: 16px;
30
+ }
31
+ }
32
+
33
+ .post-item-title {
34
+ margin: 0;
35
+ border: 0;
36
+ padding: 0;
37
+ font-size: $base-font-size;
38
+ font-weight: normal;
39
+ letter-spacing: 0.1px;
40
+
41
+ a {
42
+ color: $text-base-color;
43
+
44
+ &:hover,
45
+ &focus {
46
+ color: $black;
47
+ }
48
+ }
49
+ }
50
+
51
+ .post-item-note-type {
52
+ margin: 0;
53
+ border: 500px;
54
+ padding: 0;
55
+ font-size: $base-font-size;
56
+ font-weight: normal;
57
+ letter-spacing: 0.1px;
58
+
59
+ a {
60
+ color: $text-base-color;
61
+
62
+ &:hover,
63
+ &focus {
64
+ color: $black;
65
+ }
66
+ }
67
+ }
68
+ }
69
+
70
+
71
+ // Footer
72
+ .footer {
73
+ margin-top: 8em;
74
+ margin-bottom: 2em;
75
+ text-align: center;
76
+
77
+
78
+ span.footer_item {
79
+ color: $black;
80
+ opacity: 0.8;
81
+ font-weight: $bold-weight;
82
+ font-size: $small-font-size;
83
+ text-decoration: none;
84
+ }
85
+
86
+ a.footer_item {
87
+ color: $black;
88
+ opacity: 0.8;
89
+ text-decoration: none;
90
+ }
91
+
92
+
93
+ }
94
+
95
+
96
+ .archive-tags {
97
+ height: auto;
98
+ .tag-item {
99
+ padding: 1px 3px;
100
+ border-radius: 2px;
101
+ border: 1px solid rgba(128, 128, 128, 0.1);
102
+ background-color: rgba(128, 128, 128, 0.1);
103
+ }
104
+ }
data/_sass/main.scss ADDED
@@ -0,0 +1,68 @@
1
+ /*
2
+ JSCOM Theme for Jekyll
3
+ */
4
+ $homepage-author-bottom-buffer: 3.25rem;
5
+
6
+ // Fonts preferences
7
+ $base-font-size: 16px;
8
+ $medium-font-size: $base-font-size * 0.938;
9
+ $small-font-size: $base-font-size * 0.875;
10
+ $base-line-height: 1.85;
11
+
12
+ // Font weight
13
+ $bold-weight: 700;
14
+
15
+
16
+ //Light Colors
17
+ $text-base-color: #434648;
18
+ $text-link-blue: #003fff;
19
+ $text-link-blue-active: #0036c7;
20
+
21
+ $black: #0d122b;
22
+ $light: #ececec;
23
+ $smoke: #d2c7c7;
24
+ $gray: #6b7886;
25
+ $white: #fff;
26
+
27
+ // Dark Colors
28
+ $dark-text-base-color: #c7bebe;
29
+ $dark-text-link-blue: #84a5ff;
30
+ $darker-text-link-blue: #8ba8ff;
31
+ $darker-blue-grey: #3e4a70;
32
+ $dark-text-link-blue-active: #2934ff;
33
+
34
+ $dark-black: #131418;
35
+ $dark-white: #eaeaea;
36
+ $darker-white: #a1a0a0;
37
+ $dark-light: #1b1d25;
38
+ $dark-smoke: #4a4d56;
39
+ $light-blue: #0088ff;
40
+ $orange: #c58209;
41
+ $grey-blue: #3e4a70;
42
+ $red-title: #b7002b;
43
+ $dark-gray: #565656;
44
+
45
+ // Width of the content area
46
+ $wide-size: 890px; // this only impacts nav bar
47
+ $narrow-size: 720px;
48
+
49
+ // Padding unit
50
+ $spacing-full: 30px;
51
+ $spacing-half: 15px;
52
+
53
+ // State of devices
54
+ $on-mobile: 768px;
55
+ $on-tablet: 769px;
56
+ $on-desktop: 1024px;
57
+ $on-widescreen: 1152px;
58
+
59
+
60
+ @import "base/base";
61
+
62
+ @import "layout/_layout",
63
+ "layout/footer",
64
+ "pages/page",
65
+ "pages/post",
66
+ "pages/home";
67
+
68
+ @import "component/all-components";
data/_sass/pages/_home.scss ADDED
@@ -0,0 +1,5 @@
1
+ //.wrapper.home {
2
+ // h1 {
3
+ // color: $smoke;
4
+ // }
5
+ //}
data/_sass/pages/_page.scss ADDED
@@ -0,0 +1,20 @@
1
+ .wrapper.page {
2
+
3
+ margin-inline: 15px;
4
+ .header {
5
+ .header-title {
6
+ text-align: center; // centers the title text
7
+ margin-top: 7rem;
8
+ margin-bottom: 7rem;
9
+
10
+ @media (max-width: 768px) { // adjust this value according to your needs
11
+ margin-top: 3rem; // smaller margin for small screens
12
+ margin-bottom: 3rem;
13
+ }
14
+ }
15
+ }
16
+
17
+ .page-content {
18
+ // Add styling rules for the page content here
19
+ }
20
+ }
data/_sass/pages/_post.scss ADDED
@@ -0,0 +1,57 @@
1
+ /* Post Wrapper */
2
+ .wrapper.post {
3
+
4
+ margin-inline: 15px;
5
+ @include media-query($on-mobile) {
6
+ padding-left: $spacing-half;
7
+ padding-right: $spacing-half;
8
+ }
9
+
10
+ /* Post Title / Header */
11
+ .header {
12
+ margin-top: 1em;
13
+ margin-bottom: 0em;
14
+
15
+ .tags {
16
+ margin-left: 3px;
17
+ letter-spacing: 0.5px;
18
+
19
+ .tag {
20
+ font-weight: $bold-weight;
21
+ font-size: $small-font-size - 2;
22
+ color: $dark-text-link-blue;
23
+
24
+ &:hover {
25
+ text-decoration: none;
26
+ }
27
+ }
28
+ }
29
+
30
+ .header-title {
31
+ font-size: 2.2em;
32
+ line-height: 1.2;
33
+ margin-top: 10px;
34
+ margin-bottom: 20px;
35
+
36
+ @include media-query($on-mobile) {
37
+ font-size: 1.9em;
38
+ }
39
+ }
40
+ }
41
+
42
+ /* Header Subtitle / Author Segment */
43
+
44
+ /* Change the color of the author name and date */
45
+ .header-subtitle [itemprop="name"],
46
+ .header-subtitle [itemprop="publishDate"] {
47
+ color: $darker-text-link-blue;
48
+ opacity: .7;
49
+ }
50
+
51
+ /* Adjust the margin of the header-subtitle div */
52
+ .header-subtitle {
53
+ margin-top: 1px;
54
+ margin-bottom: 25px;
55
+ text-align: left;
56
+ }
57
+ }