Skip to content

Jeff Balicki / stellervista-micro

Go to a project
Toggle navigation
Toggle navigation pinning
890efbe9 by Jeff Balicki
Options

stuff 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent 1a5d039b
Expand all
Inline Side-by-side
Showing 9 changed files with 175 additions and 48 deletions
1 set :application, 'stellervistaconnect' 1 set :application, 'stellervista-micro'
2 set :repo_url, 'git@git.gotenzing.com:Jeremy/stellervista-Intranet.git' 2 set :repo_url, 'git@git.gotenzing.com:jeffmbalicki/stellervista-micro.git'
3 3
4 # Branch options 4 # Branch options
5 # Prompts for the branch name (defaults to current branch) 5 # Prompts for the branch name (defaults to current branch)
...@@ -19,7 +19,7 @@ set :log_level, :info ...@@ -19,7 +19,7 @@ set :log_level, :info
19 19
20 # Put all shared files/directories here (e.g. uploads that need to go on the NFS drive) 20 # Put all shared files/directories here (e.g. uploads that need to go on the NFS drive)
21 set :linked_files, fetch(:linked_files, []).push('.env') 21 set :linked_files, fetch(:linked_files, []).push('.env')
22 set :linked_dirs, fetch(:linked_dirs, []).push('wp-content/wflogs','wp-content/uploads', 'wp-content/storage', 'wp-content/languages', 'wp-content/cache' , 'wp-content/wp-rocket-config') 22 set :linked_dirs, fetch(:linked_dirs, []).push('wp-content/wflogs','wp-content/uploads', 'wp-content/storage', 'wp-content/languages', 'wp-content/cache' )
23 23
24 24
25 namespace :deploy do 25 namespace :deploy do
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
1 @font-face { 1 @import url("https://use.typekit.net/lov0ylb.css");
2 font-family: 'trade_gothic_next_lt_pro';
3 src: url('../fonts/trade-gothic-next-lt-pro.woff2') format('woff2'),
4 url('../fonts/trade-gothic-next-lt-pro.woff') format('woff');
5 font-weight: normal;
6 font-style: normal;
7
8 }
9 2
10 3
11 @import "header"; 4 @import "header";
...@@ -14,6 +7,11 @@ ...@@ -14,6 +7,11 @@
14 @import "footer"; 7 @import "footer";
15 @import "link_block"; 8 @import "link_block";
16 9
10 body,html{
11 overflow-x: hidden;
12 width: 100vw;
13 }
14
17 #full-width-page-wrapper:not(.home-page) { 15 #full-width-page-wrapper:not(.home-page) {
18 padding-bottom: 200px; 16 padding-bottom: 200px;
19 padding-top: 130px; 17 padding-top: 130px;
...@@ -21,8 +19,8 @@ ...@@ -21,8 +19,8 @@
21 19
22 .extra-wide-left{ 20 .extra-wide-left{
23 padding: 50px 90px 90px 0px; 21 padding: 50px 90px 90px 0px;
24 @media (max-width: 600px) { 22 @media (max-width: 786px) {
25 padding: 0px 0px 40px 0px; 23 padding: 0px 00px 40px 0px;
26 } 24 }
27 } 25 }
28 .extra-wide-right { 26 .extra-wide-right {
...@@ -30,12 +28,14 @@ ...@@ -30,12 +28,14 @@
30 margin-right: -25% !important; 28 margin-right: -25% !important;
31 background-position: center; 29 background-position: center;
32 background-repeat: no-repeat; 30 background-repeat: no-repeat;
33 @media (max-width: 600px) { 31 background-size: cover;
34 width: 150%; 32 @media (max-width: 786px) {
33 width: 160%;
35 min-height: 266px; 34 min-height: 266px;
36 margin-right: -60px !important; 35 margin-right: -30%!important;
37 margin-left: -30% !important; 36 margin-left: -30%!important;
38 background-position: center; 37 background-position: 0% 70%;
38
39 } 39 }
40 } 40 }
41 .extra-wide{ 41 .extra-wide{
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
45 margin-right: -50% !important; 45 margin-right: -50% !important;
46 padding-right: 50% !important; 46 padding-right: 50% !important;
47 background-color: #183668; 47 background-color: #183668;
48 @media (max-width: 600px) { 48 @media (max-width: 786px) {
49 flex-direction: column-reverse; 49 flex-direction: column-reverse;
50 } 50 }
51 51
...@@ -73,29 +73,56 @@ ...@@ -73,29 +73,56 @@
73 } 73 }
74 .extra-wide.image{ 74 .extra-wide.image{
75 background-size: cover; 75 background-size: cover;
76 height: 680px; 76 height: 750px;
77 background-repeat: no-repeat; 77 background-repeat: no-repeat;
78 background-position: center; 78 background-position: center;
79 margin-top: -28px; 79 margin-top: -28px;
80 @media (max-width: 600px) { 80 @media (max-width: 786px) {
81 81 width: calc(100% + 40%);
82 width: 160%; 82 height: auto;
83 83 margin-left: -20% !important;
84 margin-left: -30% !important; 84 padding-left: 20% !important;
85 padding-left: 30% !important; 85 margin-right: -20% !important;
86 margin-right: -30% !important; 86 padding-right: 20% !important;
87 padding-right: 30% !important;
88 } 87 }
89 } 88 }
90 .extra-wide-image-left{ 89 .extra-wide-image-left{
91 padding: 50px 90px 90px 0px; 90 padding: 50px 90px 90px 0px;
92 @media (max-width: 600px) { 91 @media (max-width: 786px) {
93 padding: 0px 0px 40px 0px; 92 padding: 0 0px 40px 0;
93 width: 100%;
94 padding-bottom: 200px
94 } 95 }
95 } 96 }
96 97
97 .site-main{ 98 .site-main{
98 @media (max-width: 600px) { 99 @media (max-width: 786px) {
99 margin: 0px 40px; 100 margin: 0px 30px;
100 } 101 }
102 }
103 @media (max-width: 786px) {
104 .white-spacer{
105 height: 30px !important;
106 }
107 .story-body-image-full {
108 width: calc(100vw + 40%);
109 background-image: none !important;
110 height: auto;
111 //height: 266px;
112 margin-left: -20%;
113 margin-right: -20%;
114 img{
115 display: block !important;
116 max-width: 140%;
117 }
118 }
119 .extra-wide.image{
120 background-image: none !important;
121 flex-direction: column-reverse;
122 background:#160f15;
123
124 }
125 .extra-wide{
126 gap:0px;
127 }
101 } 128 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -3,6 +3,10 @@ h1{ ...@@ -3,6 +3,10 @@ h1{
3 font-size: 32px; 3 font-size: 32px;
4 line-height: 40px; 4 line-height: 40px;
5 margin-top: 26px; 5 margin-top: 26px;
6 font-family: "trade-gothic-next", sans-serif;
7 font-weight: 700;
8 font-style: normal;
9
6 } 10 }
7 11
8 h2{ 12 h2{
...@@ -10,30 +14,46 @@ h2{ ...@@ -10,30 +14,46 @@ h2{
10 font-size: 26px; 14 font-size: 26px;
11 line-height: 33px; 15 line-height: 33px;
12 margin-top: 26px; 16 margin-top: 26px;
17 font-family: "trade-gothic-next", sans-serif;
18 font-weight: 700;
19 font-style: normal;
13 } 20 }
14 h3{ 21 h3{
15 color: #183668; 22 color: #183668;
16 font-size: 20px; 23 font-size: 20px;
17 line-height: 25px; 24 line-height: 25px;
18 margin-top: 26px; 25 margin-top: 26px;
26 font-family: "trade-gothic-next", sans-serif;
27 font-weight: 700;
28 font-style: normal;
19 } 29 }
20 h1+p { 30 h1+p {
21 color: #183668; 31 color: #183668;
22 font-size: 22px; 32 font-size: 22px;
23 line-height: 27px; 33 line-height: 27px;
24 margin-top: 10px; 34 margin-top: 10px;
35 font-family: "trade-gothic-next", sans-serif;
36 font-weight: 400;
37 font-style: normal;
25 } 38 }
26 p{ 39 p{
27 color: #4C4C4C; 40 color: #4C4C4C;
28 font-size: 18px; 41 font-size: 18px;
29 line-height: 24px; 42 line-height: 24px;
30 margin-top: 16px; 43 margin-top: 16px;
44 word-break: break-word;
45 font-family: "trade-gothic-next", sans-serif;
46 font-weight: 400;
47 font-style: normal;
31 } 48 }
32 ul{ 49 ul{
33 li{ 50 li{
34 color: #4C4C4C; 51 color: #4C4C4C;
35 font-size: 16px; 52 font-size: 16px;
36 margin-bottom: 6px; 53 margin-bottom: 6px;
54 font-family: "trade-gothic-next", sans-serif;
55 font-weight: 400;
56 font-style: normal;
37 } 57 }
38 } 58 }
39 ol{ 59 ol{
...@@ -41,6 +61,9 @@ ol{ ...@@ -41,6 +61,9 @@ ol{
41 color: #4C4C4C; 61 color: #4C4C4C;
42 font-size: 16px; 62 font-size: 16px;
43 margin-bottom: 6px; 63 margin-bottom: 6px;
64 font-family: "trade-gothic-next", sans-serif;
65 font-weight: 400;
66 font-style: normal;
44 } 67 }
45 } 68 }
46 69
...@@ -60,6 +83,9 @@ table { ...@@ -60,6 +83,9 @@ table {
60 text-align: left; 83 text-align: left;
61 padding: 10px; 84 padding: 10px;
62 border-width: 0px !important; 85 border-width: 0px !important;
86 font-family: "trade-gothic-next", sans-serif;
87 font-weight: 400;
88 font-style: normal;
63 89
64 } 90 }
65 } 91 }
...@@ -72,10 +98,16 @@ table { ...@@ -72,10 +98,16 @@ table {
72 td { 98 td {
73 padding: 10px; 99 padding: 10px;
74 border-width: 0px !important; 100 border-width: 0px !important;
101 font-family: "trade-gothic-next", sans-serif;
102 font-weight: 400;
103 font-style: normal;
75 } 104 }
76 th { 105 th {
77 padding-left: 10px; 106 padding-left: 10px;
78 border-width: 0px !important; 107 border-width: 0px !important;
108 font-family: "trade-gothic-next", sans-serif;
109 font-weight: 400;
110 font-style: normal;
79 } 111 }
80 } 112 }
81 tr:nth-child(odd) { 113 tr:nth-child(odd) {
......
1 #wrapper-footer{ 1 #wrapper-footer{
2 background-color: #183668; 2 background-color: #183668;
3 width: 100%; 3 width: 100%;
4 height: 100px; 4 height: 200px;
5 margin-top: -100px; 5 margin-top: -100px;
6 position: absolute; 6 position: absolute;
7 padding-bottom: 80px; 7 padding-bottom: 80px;
8 z-index: 99; 8 z-index: 99;
9 @media (max-width: 600px) { 9
10 padding-bottom: 180px; 10 @media (max-width: 786px) {
11 height: 300px;
12
11 } 13 }
12 14
13 } 15 }
...@@ -27,14 +29,21 @@ margin-top: -120px; ...@@ -27,14 +29,21 @@ margin-top: -120px;
27 .site-footer{ 29 .site-footer{
28 img{ 30 img{
29 float: right; 31 float: right;
30 margin-top: -30px;
31 width: 230px; 32 width: 230px;
33 @media (max-width: 786px) {
34 margin-top: 10px;
35 padding: 0px 30px;
36 }
32 } 37 }
33 } 38 }
34 39
35 #menu-footer{ 40 #menu-footer{
36 list-style: none; 41 list-style: none;
37 padding-left: 0px; 42 padding-left: 0px;
43 @media (max-width: 786px) {
44 padding: 0px 30px;
45
46 }
38 li{ 47 li{
39 a{ 48 a{
40 color: #fff; 49 color: #fff;
...@@ -44,8 +53,46 @@ margin-top: -120px; ...@@ -44,8 +53,46 @@ margin-top: -120px;
44 font-weight: 300; 53 font-weight: 300;
45 &:hover{ 54 &:hover{
46 color: #fff; 55 color: #fff;
47 text-decoration: none; 56 text-decoration: underline;
48 } 57 }
49 } 58 }
50 } 59 }
51 } 60 }
61 #menu-social {
62 display: flex;
63 list-style: none;
64 margin-bottom: 10px;
65 padding: 0;
66 gap: 1rem;
67 li{
68 a {
69 color:transparent;
70 display: inline-block;
71 background-size: contain;
72 background-repeat: no-repeat;
73
74 }
75 &.insta {
76 a {
77 width:25px;
78 height:25px;
79 background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26" height="26" viewBox="0 0 26 26"><defs><clipPath id="clip-path"><rect id="Rectangle_79" data-name="Rectangle 79" width="26" height="26" fill="%23fff"/></clipPath></defs><g id="Group_72" data-name="Group 72" clip-path="url(%23clip-path)"><path id="Path_29" data-name="Path 29" d="M25.923,7.64C25.71,2.924,23.086.3,18.363.08,16.974.017,16.532,0,13,0S9.029.017,7.64.08C2.917.3.295,2.917.079,7.64.015,9.029,0,9.471,0,13s.015,3.973.079,5.361c.216,4.721,2.838,7.344,7.562,7.562C9.029,25.985,9.469,26,13,26s3.973-.017,5.362-.079c4.715-.218,7.347-2.837,7.56-7.562C25.985,16.974,26,16.532,26,13s-.015-3.972-.077-5.361M23.585,18.253c-.162,3.495-1.8,5.17-5.331,5.331-1.371.06-1.781.075-5.254.075s-3.883-.013-5.252-.075c-3.531-.162-5.168-1.839-5.331-5.331-.06-1.369-.075-1.781-.075-5.252s.015-3.883.075-5.252c.161-3.5,1.8-5.17,5.331-5.331C9.118,2.356,9.53,2.345,13,2.345s3.883.013,5.254.075c3.526.161,5.168,1.831,5.331,5.329.06,1.371.074,1.781.074,5.252s-.013,3.883-.074,5.252" transform="translate(0 0)" fill="%23fff"/><path id="Path_30" data-name="Path 30" d="M10.454,3.779a6.675,6.675,0,1,0,6.678,6.676,6.677,6.677,0,0,0-6.678-6.676m0,11.009a4.333,4.333,0,1,1,4.336-4.333,4.332,4.332,0,0,1-4.336,4.333" transform="translate(2.545 2.546)" fill="%23fff"/><path id="Path_31" data-name="Path 31" d="M12.541,2.69A1.56,1.56,0,1,0,14.1,4.25a1.56,1.56,0,0,0-1.562-1.56" transform="translate(7.397 1.812)" fill="%23fff"/></g></svg>');
80 }
81 a:hover {
82 opacity: 0.4;
83 }
84 }
85
86 &.face {
87 a{
88 width:15px;
89 height:25px;
90 background-image: url('data:image/svg+xml,<svg id="social_media_-_FB" data-name="social media - FB" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="15.167" height="26" viewBox="0 0 15.167 26"><defs><clipPath id="clip-path"><rect id="Rectangle_78" data-name="Rectangle 78" width="15.167" height="26" fill="%23fff"/></clipPath></defs><g id="Group_70" data-name="Group 70" clip-path="url(%23clip-path)"><path id="Path_28" data-name="Path 28" d="M4.333,8.666H0V13H4.333V26h6.5V13h3.943l.39-4.333H10.833v-1.8c0-1.036.208-1.446,1.208-1.446h3.125V0H9.958c-3.9,0-5.625,1.715-5.625,5Z" transform="translate(0 0)" fill="%23fff"/></g></svg>');
91 }
92 a:hover {
93 opacity: 0.4;
94 }
95 }
96
97 }
98 }
......
1 #main-nav{ 1 #main-nav{
2 height: 123px; 2 height: 123px;
3 } 3 }
4 .navbar-brand{
5 @media (max-width: 786px) {
6 margin: auto;
7 }
8 }
4 #wrapper-navbar{ 9 #wrapper-navbar{
5 position: fixed; 10 position: fixed;
6 -webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39); 11 -webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
...@@ -11,10 +16,19 @@ ...@@ -11,10 +16,19 @@
11 } 16 }
12 .home-header-moibile{ 17 .home-header-moibile{
13 display: none; 18 display: none;
14 @media (max-width: 600px) { 19 @media (max-width: 786px) {
15 position: relative; 20 position: relative;
16 top: 123px; 21 top: 123px;
17 display: block; 22 display: block;
23 width: calc(100vw + 0px);
24 height: auto;
25 margin-left:0%;
26 margin-right: -25%;
27 img{
28 max-width: calc(100vw + 15%);
29 width: calc(100vw + 15%);
30 }
31
18 } 32 }
19 } 33 }
20 .home-header{ 34 .home-header{
...@@ -29,7 +43,7 @@ ...@@ -29,7 +43,7 @@
29 align-content: space-around; 43 align-content: space-around;
30 flex-wrap: wrap; 44 flex-wrap: wrap;
31 top: 120px; 45 top: 120px;
32 @media (max-width: 600px) { 46 @media (max-width: 786px) {
33 background-image: none !important; 47 background-image: none !important;
34 background-color: #183668 !important; 48 background-color: #183668 !important;
35 min-height: 390px; 49 min-height: 390px;
...@@ -38,26 +52,33 @@ ...@@ -38,26 +52,33 @@
38 .content-container{ 52 .content-container{
39 margin-left: 35%; 53 margin-left: 35%;
40 width: 100%; 54 width: 100%;
41 max-width: 600px; 55 max-width: 900px;
42 padding-bottom: 60px; 56 padding-bottom: 60px;
43 @media (max-width: 600px) { 57 @media (max-width: 786px) {
44 margin-left: 40px; 58 margin-left: 35px;
59 margin-right: 20px;
45 padding-bottom: 100px; 60 padding-bottom: 100px;
46 } 61 }
47 h1, 62 h1,
48 h2{ 63 h2{
49 64 br{
50 font-family: 'trade_gothic_next_lt_pro'; 65 @media (max-width: 786px) {
66 display: none;
67 }
68 }
69 font-family: "trade-gothic-next", sans-serif;
70 font-weight: 400;
71 font-style: normal;
51 color: #183668; 72 color: #183668;
52 text-align: left; 73 text-align: left;
53 display: flex; 74 display: flex;
54 font-size: 40px; 75 font-size: 40px;
55 line-height:50px; 76 line-height:50px;
56 font-weight: 300; 77 font-weight: 300;
57 @media (max-width: 600px) { 78 @media (max-width: 786px) {
58 color: #fff; 79 color: #fff;
59 } 80 }
60 @media only screen and (max-width: 782px) { 81 @media only screen and (max-width: 786px) {
61 font-size: 30px; 82 font-size: 30px;
62 line-height:40px ; 83 line-height:40px ;
63 } 84 }
...@@ -66,7 +87,7 @@ ...@@ -66,7 +87,7 @@
66 margin-bottom: 40px; 87 margin-bottom: 40px;
67 } 88 }
68 h2{ 89 h2{
69 font-weight: bold; 90 font-weight: 700;
70 } 91 }
71 } 92 }
72 } 93 }
...@@ -90,7 +111,7 @@ bottom: 0px; ...@@ -90,7 +111,7 @@ bottom: 0px;
90 margin-top: 120px; 111 margin-top: 120px;
91 position: relative; 112 position: relative;
92 z-index: 99; 113 z-index: 99;
93 @media (max-width: 600px) { 114 @media (max-width: 786px) {
94 // margin-top: 60px; 115 // margin-top: 60px;
95 } 116 }
96 } 117 }
......