Slate

image

Slate is Colab’s cozy space to find information rich in knowledge for about anything and everything right from learning, internships, ways to code, understanding finance, psychology and a lot more. Best part of this, all the articles you see here are sourced from within Colab, i.e everyone right from members, instructors or even the team writes these for you. Thats how Colab empowers its members. We regularly post content here and posts video about the same on our Youtube channel. Be sure to follow us there. See ya soon 🀩

⚑️ Find us here :

https://www.instagram.com/colab.withus
https://www.youtube.com/channel/UCnIVFVJWAdthdFqhHF5ioew

Blog posts

Published
Colab - The experience Learning
Colab - The experience Learning
Colab - The experience Learning
January 20, 2022
Excel in Coding - The Real Way
Excel in Coding - The Real Way
Excel in Coding - The Real Way
January 22, 2022

Crafted with πŸ’œΒ at Colab ©  2022

β€£
Instructions and pages
πŸ’‘
This section will be hidden from your website
About
Blog posts
β€£
Css
/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Misc. */


.notion-divider {
  display: none;
}


/* Variables */
:root {
  --transition: all 0.3s !important;
}

/* Hides certain elements */
.notion-page__icon,
.notion-toggle.bg-gray,
.notion-header__content,
.notion-property__title__icon-wrapper,
.notion-breadcrumb__divider,
.notion-collection__header,
.notion-breadcrumb__item {
  display: none !important;
}

/* Fixed board issue */
.notion-collection-board .large {
  overflow: hidden !important;
}

.notion-collection-board {
  overflow: hidden !important;
}

/* Loading animation */

body {
    -webkit-animation: fadeIn 1s !important;
    -moz-animation: fadeIn 1s !important;
    animation: fadeIn 1s !important;
}

#page-slate h1 {
  -webkit-animation: fadeInUp 1s !important;
  -moz-animati7on: fadeInUp 1s !important;
  animation: fadeInUp 1s !important;
}

#page-slate h2 {
  -webkit-animation: fadeInUp 1s !important;
  -moz-animati7on: fadeInUp 1s !important;
  animation: fadeInUp 1s !important;
}

#page-slate h3 {
  -webkit-animation: fadeInUp 1s !important;
  -moz-animati7on: fadeInUp 1s !important;
  animation: fadeInUp 1s !important;
}

#page-slate .notion-text {
  -webkit-animation: fadeInUp 1s !important;
  -moz-animati7on: fadeInUp 1s !important;
  animation: fadeInUp 1s !important;
}

#page-slate .notion-collection {
  -webkit-animation: fadeInUp 1s !important;
  -moz-animati7on: fadeInUp 1s !important;
  animation: fadeInUp 1s !important;
}

@keyframes fadeIn { 0% {  opacity: 0; } 100% { opacity: 1; } }
@-moz-keyframes fadeIn { 0% {  opacity: 0; } 100% { opacity: 1; } }
@-webkit-keyframes fadeIn { 0% {  opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeInUp { 0% { transform: translate3d(0,80px,0); } 100% { transform: translate3d(0,0,0); } }
@-moz-keyframes fadeInUp { 0% { transform: translate3d(0,80px,0); } 100% { transform: translate3d(0,0,0); } }
@-webkit-keyframes fadeInUp { 0% { transform: translate3d(0,80px,0); } 100% { transform: translate3d(0,0,0); } }

/* Super wrapper*/
#page-slate .super-content.max-width {
  max-width: 1344px !important;
  padding: 0px 48px !important;
  margin-top: -150px;
}

/* Blog posts wrapper */
.super-content.max-width {
  max-width: 996px !important;
  padding: 0px 48px !important;
}

/* Always show the page title */
.notion-navbar a[href="/"] {
  display: flex !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6, p {
    font-weight: 400 !important;
}

p {
  font-size: 18px !important;
  line-height: 200% !important;
}

/* Width limit only on homepage */
#page-slate h1 {
  font-size: 48px !important;
  max-width: 700px !important;
}

.notion-quote > * {
  text-decoration: none !important;
}

.notion-header.page {
  margin-bottom: 0px !important;
  padding: 0px 48px !important;
}

.notion-header__cover.no-cover {
    max-height: 0px !important;
}

/* Divider */
.notion-divider {
    border-bottom: 1px solid var(--divider-color) !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Links  */

.notion-link, .link {
  color: var(--color-text-gray) !important;
  text-decoration: none !important;
  border: none !important;
  transition: var(--transition) !important;
}

.notion-link:hover, link:hover {
  color: var(--text-color) !important;
  transition: var(--transition) !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Footer */

.notion-quote {
  flex-direction: column !important;
  position: relative !important;
  z-index: auto !important;
  display: flex !important;
  border: none !important;
  height: auto !important;
  right: auto !important;
  left: auto !important;
  padding: 0 !important;
  top: auto !important;
}

.notion-quote span,
.notion-quote .link {
  display: block !important;
  width: 100% !important;
}

.notion-quote .notion-semantic-string .link {
  font-size: 28px !important;
  font-weight: 400 !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Code block */
code {
  color: var(--color-text-gray) !important;
  text-shadow: none !important;
}

.notion-code > pre {
  background-color: var(--divider-color) !important;
}

.token {
  background-color: transparent !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Tweet */
.static-tweet-p {
    color: #1c2022 !important;
}


/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* About page */

/* max height for first image only */
#page-about img:first-child {
    max-height: 450px !important;
}

#page-about img[style] {
    object-fit: cover !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Blog post page */

.notion-header__cover, .has-cover {
    max-width: 900px !important;
    margin: 150px auto 64px auto !important;
    border-radius: 10px !important;
    height: 360px !important;
    max-height: 360px !important;
}

/* For card in blog template */
.notion-collection-board__item {
  height: 300px !important;
  margin-bottom: 0px !important;
}

.notion-collection-board {
  display: flex !important;
  border-top: 0px !important;
  margin: 48px 0px
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Mobile styles  */

@media screen and (max-width: 600px) {

  #page-slate .super-content {
    margin-top: 160px !important;
  }

  .notion-header__cover.no-cover {
    max-height: 0px !important;
  }

  #page-slate .notion-header__cover {
    margin: 48px auto !important;
  }

  .notion-header__cover, .has-cover {
    margin: 150px auto 64px auto !important;
    max-height: 300px !important;
    height: 300px !important;
  }

  .super-content.max-width, #page-slate .super-content.max-width {
    padding: 0px 24px !important;
  }

  #page-slate h1 {
    font-size: 32px !important;
  }

  .notion-header.page {
      padding: 0px 24px !important;
    }
}



/*-------------- Four Card -----------*/
/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Blog cards container */

.notion-collection-board__column-header {
  display: none !important;
}

#page-slate .notion-collection-board {
  display: flex !important;
  border-top: 0px !important;
  margin-top: 96px !important;
}

#page-slate .notion-collection-board__column {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)) !important;
  grid-gap: 32px !important;/* display: flex; */
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Blog cards */

#page-slate .notion-collection-board__column > div {
  margin-bottom: 0px !important;
  height: 400px !important;
}

.notion-collection-card {
  display: flex !important;
  flex-direction: column-reverse  !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  box-shadow: none !important;
  border-radius: 10px !important;
  transition: transform 0.4s !important;
  transform: scale(1) !important;
  background: transparent !important;
}

.notion-collection-card:hover {
  background: transparent !important;
  transform: scale(0.94) !important;
  transition: transform 0.4s !important;
}

/* Card image  */
.notion-collection-card__cover {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  z-index: -1 !important;
  border-bottom: 0px !important;
}

.notion-collection-card__cover > * {
  height: 100% !important;
  max-height: 100% !important;
}

.notion-collection-card__cover div img {
  height: 100% !important;
  max-height: 100% !important;
}

/* card date */
.notion-collection-card__content {
  padding: 32px 32px 4px 32px !important;
  font-size: 14px !important;
}

.notion-semantic-string .date {
  color: #fff !important;
}

/* card title  */

.notion-property__title {
  padding: 0px 32px 32px 32px !important;
  color: #fff !important;
  font-size: 24px !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Mobile */
@media screen and (max-width: 600px) {
 .notion-collection-board {
   margin-top: 64px !important;
  }

  #page-slate .notion-collection-board__column > div {
    margin-bottom: 0px !important;
    height: 500px !important;
  }

  #page-slate .notion-collection-board__column {
    grid-template-columns: 1fr !important;
  }

  .notion-collection-card {
    grid-column: 1 / 1 !important;
  }
}


/* -  ---------- Feature -----------------*/

/* For wider first card on desktop with 4 card layout */
#page-slate .notion-collection-board__column > div:nth-child(2) {
  grid-column: 1 / 3 !important;
  height: 400px !important;
}

/*β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”β€”*/
/* Mobile */
@media screen and (max-width: 600px) {
  #page-slate .notion-collection-board__column > div:nth-child(2) {
    grid-column: 1 / 1 !important;
    height: 500px !important;
  }
}

.notion-collection-card .notion-property__title {
 background: rgba(0,0,0,.75); 
}

#block-211dce9cd82346c8b40d2edcd27aa991 {
  display: none;
}

#block-441b74b7d123440fba485acdd20225a4, #block-35ef56897a7244e3a9f3881063c0f69f {
  text-align: center;
}

#block-21f5e451475642fc9210486aa3e15484 {
  margin-inline-start: unset;
  /*display: none;*/
}

View the instructions on how to use Ora here