Skip to content

Commit

Permalink
Merge pull request #10 from proximitylab-dev/gh-pages
Browse files Browse the repository at this point in the history 
Resource page & nav updates
  • Loading branch information
@timkim
timkim authored Dec 4, 2020
2 parents 43a2df3 + 9662c43 commit 55dd0ac
Show file tree
Hide file tree
Showing 8 changed files with 517 additions and 330 deletions.
2 changes: 2 additions & 0 deletions _includes/subnav.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,9 +16,11 @@
<li class="sub-nav-menu-item {% if page.active == 'tools-sdk' %} active{% endif %}">
<a href="{{baseurl}}/apis/documentcloud/dcsdk/pdf-tools.html" rel="canonical" class="sub-nav-menu-label">PDF Tools API</a>
</li>
<!--
<li class="sub-nav-menu-item {% if page.active == 'pricing' %} active{% endif %}">
<a href="{{baseurl}}/apis/documentcloud/dcsdk/pdf-pricing.html" rel="canonical" class="sub-nav-menu-label">Pricing</a>
</li>
-->
<li class="sub-nav-menu-item {% if page.active == 'resources' %} active{% endif %}">
<a href="{{baseurl}}/apis/documentcloud/dcsdk/pdf-resources.html" rel="canonical" class="sub-nav-menu-label">Resources</a>
</li>
Expand Down
50 changes: 50 additions & 0 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,6 +62,54 @@
<script type="text/javascript">

$(document).ready(function(){

$('.market-slider-container').slick({
dots: true,
// infinite: true,
autoplay: true,
speed: 300,
slidesToShow: 1,
slidesToScroll: 1
});
$('.card-slider-container-home').slick({
dots: false,
mobileFirst : true,
infinite: true,
autoplay: true,
speed: 300,
slidesToShow: 3,
slidesToScroll: 3,
responsive: [
{
breakpoint: 1439,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
dots: true
}
},
{
breakpoint: 767,
settings: {
slidesToShow: 1,
slidesToScroll: 1,
dots: true
}
},
{
breakpoint: 0,
settings: {
slidesToShow: 1,
centerMode: true,
slidesToScroll: 1,
dots: true
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
$('.card-slider-container-logos').slick({
dots: false,
mobileFirst : true,
Expand Down Expand Up @@ -205,13 +253,15 @@
</script>

<script>
if (location.host.indexOf('github.io')) {
Userback = window.Userback || {};
Userback.access_token = '9191|20428|P6bwN4BOuujmAEOpx4emqLLAbSxQFqPd1p3RqN7F7uCWuIwMOz';
(function(id) {
var s = document.createElement('script');
s.async = 1;s.src = 'https://static.userback.io/widget/v1.js';
var parent_node = document.head || document.body;parent_node.appendChild(s);
})('userback-sdk');
}
</script>
<script type="text/javascript" src="{{ baseurl }}/gh-assets/js/prism.js"></script>
<script type="text/javascript" src="{{ baseurl }}/gh-assets/js/prism-toolbar.min.js"></script>
Expand Down
266 changes: 147 additions & 119 deletions _sass/_market-place.scss
View file
Original file line number Diff line number Diff line change
@@ -1,22 +1,48 @@
/* Market Place */

section.market-place {
//margin: 2rem 2.75rem 0;
section.platform {
width:100%;
margin:0px !important;
padding-bottom: 0.75rem;
padding:0px !important;

.slick-track {
padding: 0 !important;
}

// background: rgb(21,64,113);
// background: -moz-linear-gradient(30deg, rgba(21,64,113,1) 22%, rgba(115,69,109,1) 74%, rgba(110,45,45,1) 100%);
// background: -webkit-linear-gradient(30deg, rgba(21,64,113,1) 22%, rgba(115,69,109,1) 74%, rgba(110,45,45,1) 100%);
// background: linear-gradient(30deg, rgba(21,64,113,1) 22%, rgba(115,69,109,1) 74%, rgba(110,45,45,1) 100%);
// filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#154071",endColorstr="#6e2d2d",GradientType=1);
.slick-dots li button:before {
font-size: 9px !important;
margin-top:2.8rem;
}

.slick-dots li.slick-active button:before {
color: #1473E6 !important;
}

.slick-dots {
bottom: 0.25rem !important;

li {
margin: 0 -2px !important;
}
}

//background: transparent linear-gradient(90deg, #363955 0%, #FA0F00D5 100%) 0% 0% no-repeat padding-box;
&.slick-dotted.slick-slider {
margin-bottom: 0;
@media screen and (min-width: 768px) {
margin-bottom: 1.5rem;
}
@media screen and (min-width: 1024px) {
margin-bottom: 4.5rem;
}
}

background: #1B5496 url('../img/[email protected]');
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
/* Market Place */
section.market-place {
margin:0px !important;
padding-bottom: 0.75rem;
background: #1B5496 url('../img/[email protected]');
background-repeat:no-repeat;
background-position:center center;
background-size:cover;

&.ms-blade{
background: #000 url('../img/ms_power_bkg.png');
Expand All @@ -29,135 +55,137 @@ section.market-place {
padding-top:4.1875rem;
margin: 0 auto;

.market-place-wrapper{
max-height:331px;

color: #FFFFFF;

.market-place-logo-wrapper{
font-size:3.25rem;
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;

@media screen and (min-width: 768px) {
flex-direction:row;
align-content: center;
}

margin-bottom:2.5rem;
.market-place-wrapper{
max-height:331px;

color: #FFFFFF;

.mp-adobe-logo{
width:186px;
height:56px;

img{
width:100%;
vertical-align: top;
}
}

.mp-plus{
font-size:2.75rem;
padding-left:50px;
padding-right:45px;
margin-top: -10px;
.market-place-logo-wrapper{
font-size:3.25rem;
display:flex;
flex-direction:column;
justify-content: center;
align-items: center;

@media screen and (min-width: 768px) {
font-size:3.25rem;
flex-direction:row;
align-content: center;
}
}

margin-bottom:2.5rem;

.mp-logo{
width:287px;
height:35px;
margin-top:-25px;
.mp-adobe-logo{
width:186px;
height:56px;

&.ms-power-logo{
width:243px !important;
height:52px !important;
padding-left:6px;
@media screen and (min-width: 767px) {
margin-top:-10px;
img{
width:100%;
vertical-align: top;
}
}

img{
width:100%;
}
@media screen and (min-width: 768px) {
width:377px;
height:46px;
}

}
}

.mp-copy-wrapper{
margin:0 auto;
width:284px;
.mp-plus{
font-size:2.75rem;
padding-left:50px;
padding-right:45px;
margin-top: -10px;

@media screen and (min-width: 768px) {
width:100%;
}

h4 {
font-size:1.1875rem;
color: #ffffff;
font-family: 'Adobe Clean Black';
font-weight: 900;
text-align: center;
text-transform:none !important;
@media screen and (min-width: 768px) {
font-size:3.25rem;
}
}

@media screen and (min-width: 768px) {
.mp-logo{
width:287px;
height:35px;
margin-top:-25px;

&.ms-power-logo{
width:243px !important;
height:52px !important;
padding-left:6px;
@media screen and (min-width: 767px) {
margin-top:-10px;
}
}

font-size:1.375rem;
padding:0;
margin-bottom: 0.625rem;
img{
width:100%;
}
@media screen and (min-width: 768px) {
width:377px;
height:46px;
}

}
}

.mp-copy{
margin:0;
font-size: 0.9375rem;
line-height:1rem;
font-family: 'Adobe Clean';
text-align: center;

.mp-copy-wrapper{
margin:0 auto;
width:284px;

@media screen and (min-width: 768px) {
font-size: 1.125rem;
width:100%;
}

h4 {
font-size:1.1875rem;
color: #ffffff;
font-family: 'Adobe Clean Black';
font-weight: 900;
text-align: center;
text-transform:none !important;

@media screen and (min-width: 768px) {

font-size:1.375rem;
padding:0;
margin-bottom: 0.625rem;
}
}

.mp-copy{
margin:0;
font-size: 0.9375rem;
line-height:1rem;
font-family: 'Adobe Clean';
text-align: center;

@media screen and (min-width: 768px) {
font-size: 1.125rem;
}
}
}

.mp-cta-wrapper{
margin-top: 1.875rem;
margin-bottom:1.875rem;
.mp-cta-wrapper{
margin-top: 1.875rem;
margin-bottom:1.875rem;

@media screen and (min-width: 767px) {
font-size: 1.125rem;
margin-bottom:3.125rem;
}
@media screen and (min-width: 767px) {
font-size: 1.125rem;
margin-bottom:3.125rem;
}


@media screen and (min-width: 1440px) {
font-size: 1.125rem;
margin-bottom:3.25rem;
}
@media screen and (min-width: 1440px) {
font-size: 1.125rem;
margin-bottom:3.25rem;
}

text-align:center;
.button-link{
text-decoration-style: solid !important;
color:#ffffff !important;
font-weight: normal !important;
width:100px !important;
&:hover{
text-decoration:none !important;
text-align:center;
.button-link{
text-decoration-style: solid !important;
color:#ffffff !important;
font-weight: normal !important;
width:100px !important;
&:hover{
text-decoration:none !important;
}
}
}

}

}
}
}
}

}
}
Loading

0 comments on commit 55dd0ac

Please sign in to comment.