This is just a secret uploads page

Nothing to see here... Move along 😜

 

Hello this is our SVG, and then

And here's our background image...

Just berlin

Just berlin

 
/* This could be useful at some point */
.hexagon {
    background: url('https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585bf9cb197aea5fc1ec4fdf/1482422785179/?format=2500w') center center no-repeat;
  background-size: cover;
  width: 500px;
  height: 500px;
  color: #fff;
  -webkit-mask-image: url('https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585c035cd1758ee43a4bf698/1482425180050/hexagon.svg');
  -webkit-mask-size: 100% 100%, cover;
  text-align: center;

  display: flex;
  align-items: center;
  justify-content: center;
  
    * { color: white; }
  // Hexagon
.hexagon {
    background: url('https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585bf9cb197aea5fc1ec4fdf/1482422785179/?format=2500w') center center;
    width: 500px;
    height: 500px;
    color: #fff;
  
    -webkit-mask-image: url('https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585c035cd1758ee43a4bf698/1482425180050/hexagon.svg');
    -webkit-mask-size: 100% 100%, cover;
    text-align: center;
  .content{
    height: 186px;
    width: 186px;
    margin: auto;
    margin-top: 16px;
    color: white;
  }
}
}
// Hexagonal
#intro, #intro-webkit {
  @media screen and (min-width: 640px) {
    h1 { font-size: 3em; }
  }
}
#intro-webkit {
  display: none;
    
  @media (max-width: 640px) { .spacer-block { display: none; } }
  h1, h2, h3, p { color: white; }
}
// Remember: http://jsfiddle.net/fbb3p/

@media screen and (-webkit-min-device-pixel-ratio:0) {
  /* Webkit-based browsers (Chrome, Safari, etc.) */
  #intro { display: none; }
  #intro-webkit {
    padding-bottom: 115px;
    display: block;
    .Index-page-content {
      background:
     linear-gradient(
      rgba(0, 0, 0, 0.15), 
      rgba(50, 0, 0, 0.45)
    ), url('https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585c0d0c197aeafef0034dd8/1482427688838/tqap92cpqj4-markus-spiske.jpg?format=2500w') center 60% no-repeat;
      background-size: cover;
      -webkit-mask-image: url(https://static1.squarespace.com/static/5853dd109f7456e64f28ba55/t/585c0a00bebafbf7b773c2f1/1482426880053/hexagon.svg);
      -webkit-mask-size: 100% 100%, contain;
    }
  }
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 1440px) {
  #intro-webkit .Index-page-content {
    background-size: 100%;
  }
}
 

Batch images

Batch 03

Batch 03

Batch 04

Batch 04

Batch 05

Batch 05

Batch 06

Batch 06