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
set :application, 'stellervistaconnect'
set :repo_url, 'git@git.gotenzing.com:Jeremy/stellervista-Intranet.git'
set :application, 'stellervista-micro'
set :repo_url, 'git@git.gotenzing.com:jeffmbalicki/stellervista-micro.git'
# Branch options
# Prompts for the branch name (defaults to current branch)
......@@ -19,7 +19,7 @@ set :log_level, :info
# Put all shared files/directories here (e.g. uploads that need to go on the NFS drive)
set :linked_files, fetch(:linked_files, []).push('.env')
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')
set :linked_dirs, fetch(:linked_dirs, []).push('wp-content/wflogs','wp-content/uploads', 'wp-content/storage', 'wp-content/languages', 'wp-content/cache' )
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.
@font-face {
font-family: 'trade_gothic_next_lt_pro';
src: url('../fonts/trade-gothic-next-lt-pro.woff2') format('woff2'),
url('../fonts/trade-gothic-next-lt-pro.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@import url("https://use.typekit.net/lov0ylb.css");
@import "header";
......@@ -14,6 +7,11 @@
@import "footer";
@import "link_block";
body,html{
overflow-x: hidden;
width: 100vw;
}
#full-width-page-wrapper:not(.home-page) {
padding-bottom: 200px;
padding-top: 130px;
......@@ -21,8 +19,8 @@
.extra-wide-left{
padding: 50px 90px 90px 0px;
@media (max-width: 600px) {
padding: 0px 0px 40px 0px;
@media (max-width: 786px) {
padding: 0px 00px 40px 0px;
}
}
.extra-wide-right {
......@@ -30,12 +28,14 @@
margin-right: -25% !important;
background-position: center;
background-repeat: no-repeat;
@media (max-width: 600px) {
width: 150%;
background-size: cover;
@media (max-width: 786px) {
width: 160%;
min-height: 266px;
margin-right: -60px !important;
margin-left: -30% !important;
background-position: center;
margin-right: -30%!important;
margin-left: -30%!important;
background-position: 0% 70%;
}
}
.extra-wide{
......@@ -45,7 +45,7 @@
margin-right: -50% !important;
padding-right: 50% !important;
background-color: #183668;
@media (max-width: 600px) {
@media (max-width: 786px) {
flex-direction: column-reverse;
}
......@@ -73,29 +73,56 @@
}
.extra-wide.image{
background-size: cover;
height: 680px;
height: 750px;
background-repeat: no-repeat;
background-position: center;
margin-top: -28px;
@media (max-width: 600px) {
width: 160%;
margin-left: -30% !important;
padding-left: 30% !important;
margin-right: -30% !important;
padding-right: 30% !important;
@media (max-width: 786px) {
width: calc(100% + 40%);
height: auto;
margin-left: -20% !important;
padding-left: 20% !important;
margin-right: -20% !important;
padding-right: 20% !important;
}
}
.extra-wide-image-left{
padding: 50px 90px 90px 0px;
@media (max-width: 600px) {
padding: 0px 0px 40px 0px;
@media (max-width: 786px) {
padding: 0 0px 40px 0;
width: 100%;
padding-bottom: 200px
}
}
.site-main{
@media (max-width: 600px) {
margin: 0px 40px;
@media (max-width: 786px) {
margin: 0px 30px;
}
}
@media (max-width: 786px) {
.white-spacer{
height: 30px !important;
}
.story-body-image-full {
width: calc(100vw + 40%);
background-image: none !important;
height: auto;
//height: 266px;
margin-left: -20%;
margin-right: -20%;
img{
display: block !important;
max-width: 140%;
}
}
.extra-wide.image{
background-image: none !important;
flex-direction: column-reverse;
background:#160f15;
}
.extra-wide{
gap:0px;
}
}
\ No newline at end of file
......
......@@ -3,6 +3,10 @@ h1{
font-size: 32px;
line-height: 40px;
margin-top: 26px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 700;
font-style: normal;
}
h2{
......@@ -10,30 +14,46 @@ h2{
font-size: 26px;
line-height: 33px;
margin-top: 26px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 700;
font-style: normal;
}
h3{
color: #183668;
font-size: 20px;
line-height: 25px;
margin-top: 26px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 700;
font-style: normal;
}
h1+p {
color: #183668;
font-size: 22px;
line-height: 27px;
margin-top: 10px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
p{
color: #4C4C4C;
font-size: 18px;
line-height: 24px;
margin-top: 16px;
word-break: break-word;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
ul{
li{
color: #4C4C4C;
font-size: 16px;
margin-bottom: 6px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
}
ol{
......@@ -41,6 +61,9 @@ ol{
color: #4C4C4C;
font-size: 16px;
margin-bottom: 6px;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
}
......@@ -60,6 +83,9 @@ table {
text-align: left;
padding: 10px;
border-width: 0px !important;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
}
......@@ -72,10 +98,16 @@ table {
td {
padding: 10px;
border-width: 0px !important;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
th {
padding-left: 10px;
border-width: 0px !important;
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
}
}
tr:nth-child(odd) {
......
#wrapper-footer{
background-color: #183668;
width: 100%;
height: 100px;
height: 200px;
margin-top: -100px;
position: absolute;
padding-bottom: 80px;
z-index: 99;
@media (max-width: 600px) {
padding-bottom: 180px;
@media (max-width: 786px) {
height: 300px;
}
}
......@@ -27,14 +29,21 @@ margin-top: -120px;
.site-footer{
img{
float: right;
margin-top: -30px;
width: 230px;
@media (max-width: 786px) {
margin-top: 10px;
padding: 0px 30px;
}
}
}
#menu-footer{
list-style: none;
padding-left: 0px;
@media (max-width: 786px) {
padding: 0px 30px;
}
li{
a{
color: #fff;
......@@ -44,8 +53,46 @@ margin-top: -120px;
font-weight: 300;
&:hover{
color: #fff;
text-decoration: none;
text-decoration: underline;
}
}
}
}
#menu-social {
display: flex;
list-style: none;
margin-bottom: 10px;
padding: 0;
gap: 1rem;
li{
a {
color:transparent;
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
}
&.insta {
a {
width:25px;
height:25px;
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>');
}
a:hover {
opacity: 0.4;
}
}
&.face {
a{
width:15px;
height:25px;
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>');
}
a:hover {
opacity: 0.4;
}
}
}
}
......
#main-nav{
height: 123px;
}
.navbar-brand{
@media (max-width: 786px) {
margin: auto;
}
}
#wrapper-navbar{
position: fixed;
-webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
......@@ -11,10 +16,19 @@
}
.home-header-moibile{
display: none;
@media (max-width: 600px) {
@media (max-width: 786px) {
position: relative;
top: 123px;
display: block;
width: calc(100vw + 0px);
height: auto;
margin-left:0%;
margin-right: -25%;
img{
max-width: calc(100vw + 15%);
width: calc(100vw + 15%);
}
}
}
.home-header{
......@@ -29,7 +43,7 @@
align-content: space-around;
flex-wrap: wrap;
top: 120px;
@media (max-width: 600px) {
@media (max-width: 786px) {
background-image: none !important;
background-color: #183668 !important;
min-height: 390px;
......@@ -38,26 +52,33 @@
.content-container{
margin-left: 35%;
width: 100%;
max-width: 600px;
max-width: 900px;
padding-bottom: 60px;
@media (max-width: 600px) {
margin-left: 40px;
@media (max-width: 786px) {
margin-left: 35px;
margin-right: 20px;
padding-bottom: 100px;
}
h1,
h2{
font-family: 'trade_gothic_next_lt_pro';
br{
@media (max-width: 786px) {
display: none;
}
}
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
color: #183668;
text-align: left;
display: flex;
font-size: 40px;
line-height:50px;
font-weight: 300;
@media (max-width: 600px) {
@media (max-width: 786px) {
color: #fff;
}
@media only screen and (max-width: 782px) {
@media only screen and (max-width: 786px) {
font-size: 30px;
line-height:40px ;
}
......@@ -66,7 +87,7 @@
margin-bottom: 40px;
}
h2{
font-weight: bold;
font-weight: 700;
}
}
}
......@@ -90,7 +111,7 @@ bottom: 0px;
margin-top: 120px;
position: relative;
z-index: 99;
@media (max-width: 600px) {
@media (max-width: 786px) {
// margin-top: 60px;
}
}
......