LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
The magic Indian is a mysterious spiritual force, and we're going to Cathedral Rock, and that's the vortex of the heart. — Gary Busey
August 1, 2017

I wrestled a bear once. 750lbs.

You gotta go through it to see there ain't nothing to it. Did you feel that? Look at me - I'm not out of breath anymore! Go with the feeling of the nature. Take it easy. Know why you're here. And remember to balance your internal energy with the environment.

Listen to the silence. And when the silence is deafening, you're in the center of your own universe. It's OK to get Rib-grease on your face, because you're allowing people to see that you're proud of these ribs. The best way to communicate is compatible. Compatible communication is listening with open ears and an open mind, and not being fearful or judgemental about what you're hearing.

These kind of things only happen for the first time once.

The best way to communicate is compatible. Compatible communication is listening with open ears and an open mind, and not being fearful or judgemental about what you're hearing. Go with the feeling of the nature. Take it easy. Know why you're here. And remember to balance your internal energy with the environment. These kind of things only happen for the first time once.You ever roasted doughnuts?The best way to communicate is compatible. Compatible communication is listening with open ears and an open mind, and not being fearful or judgemental about what you're hearing.

The best way to communicate is compatible. Compatible communication is listening with open ears and an open mind, and not being fearful or judgemental about what you're hearing. Have you urinated? Have you drained your bladder? Are you free? Because if you haven't it will only come out later. I'm giving you some information that your bodily fluids may penetrate your clothing fibre's without warning.

The magic Indian is a mysterious spiritual force, and we're going to Cathedral Rock, and that's the vortex of the heart.When you get lost in your imaginatory vagueness, your foresight will become a nimble vagrant.I wrestled a bear once. A 750lbs black bear.

I would like to give you a backstage pass to my imagination.

Sometimes horses cough and fart at the same time, so stay out of the range of its butt muscle because a horses butt muscle is thick.When you get lost in your imaginatory vagueness, your foresight will become a nimble vagrant. The best way to communicate is compatible. Compatible communication is listening with open ears and an open mind, and not being fearful or judgemental about what you're hearing.

FIN!

06/16/2017
Joaquin Phoenix

Thats an advanced modern oxymoron. It was good, I like it and I beleived it. Man you got a way with using words. Thats like a lariat that does a snake whip on your back legs, I mean on the back of your legs - not that you have 4 legs - and pulls you this way, and thats what that line did to me and I believed every minute of it. Until I looked at the quadrangle that it produced with the verbs used in the sentence.

CSS
html {
  box-sizing: border-box;
}

*, *::after, *::before {
  box-sizing: inherit;
}

*, *:before, *:after {
  box-sizing: border-box;
  outline: none;
}

.hide {
  opacity: 0;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-smooth: auto;
  font-weight: 300;
  line-height: 1.5;
  color: #444;
}

.container {
  position: relative;
  display: block;
  width: 80%;
  height: 100%;
  margin: 0 auto;
}
.container::after {
  clear: both;
  content: "";
  display: block;
}

header {
  position: relative;
  display: block;
  width: 100%;
  height: 90vh;
  margin: 0;
  padding: 20px 0 0;
  overflow: hidden;
  z-index: 0;
}
header:before, header:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
header:before {
  background-color: rgba(231, 76, 60, 0.8);
  z-index: 0;
}
header:after {
  filter: blur(5px);
  background-attachment: fixed;
  background-image: url("http://mentalsociety.com/wp-content/themes/twentyseventeen/assets/images/fire.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  animation: blur 10s linear infinite;
  overflow: hidden;
  z-index: -1;
}
@keyframes blur {
  0% {
    filter: blur(1px);
  }
  50% {
    filter: blur(20px);
  }
  100% {
    filter: blur(1px);
  }
}
header nav {
  position: relative;
  z-index: 2;
}
header nav .logo {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: 0;
  border-radius: 50%;
}
header nav .logo svg {
  position: absolute;
  transform: scale(1);
  animation: scale 750ms ease-in-out;
}
@keyframes scale {
  0% {
    transform: scale(100);
    opacity: 0;
  }
  50% {
    transform: scale(0.2);
  }
  70% {
    transform: scale(1);
  }
  90% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
header nav .subscribe {
  position: relative;
  display: inline-block;
  padding: 15px 0;
  float: right;
  animation: slide 1000ms ease;
}
header nav .subscribe a {
  position: relative;
  margin: 0;
  padding: 10px 20px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 35px rgba(0, 0, 0, 0.3);
  color: #e74c3c;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  transition: box-shadow 500ms ease;
}
header nav .subscribe a:hover {
  box-shadow: 0 0 0 transparent;
}
@keyframes slide {
  0% {
    transform: translateY(-600px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
header blockquote {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  margin: 0;
  padding: 5px 0 5px 30px;
  color: white;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.25;
  letter-spacing: 2px;
  transform: translate(-50%, -50%);
  animation: fadeIn 1250ms ease;
}
header blockquote:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: white;
  animation: height 1000ms ease-in-out;
}
@keyframes height {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translate(-50%, -150%);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%, 0%);
  }
}
@media screen and (min-width: 768px) {
  header blockquote {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  header blockquote {
    width: 60%;
  }
}
header blockquote span {
  position: relative;
  display: block;
  margin: 20px 0 0;
  font-size: 16px;
}
header .date {
  position: absolute;
  bottom: 20px;
  margin: 0;
  padding: 5px 15px;
  border: 2px solid white;
  border-radius: 4px;
  color: white;
  font-size: 12px;
  font-weight: 400;
}
header .date i {
  margin-right: 5px;
  font-size: 14px;
}

section {
  position: relative;
  display: block;
  margin: 0;
  padding: 100px 0;
  z-index: 999;
}
section .scroll {
  position: absolute;
  right: 50px;
  top: -20px;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
}
section .scroll i {
  position: relative;
  top: 50%;
  left: 50%;
  color: #e74c3c;
  transform: translate(-50%, -100%);
  animation: down 2s ease infinite;
  z-index: 9;
}
@keyframes down {
  100% {
    transform: translate(-50%, -30%);
    opacity: 0;
  }
}
section .container {
  width: 80%;
}
@media screen and (min-width: 768px) {
  section .container {
    width: 70%;
  }
}
@media screen and (min-width: 1024px) {
  section .container {
    width: 50%;
  }
}
section h1 {
  margin: 0;
  padding: 0;
  color: #5A7D7C;
  line-height: 1.5;
}
section .byline {
  position: relative;
  display: block;
  width: 100%;
  margin-bottom: 50px;
  font-style: italic;
  vertical-align: middle;
}
section .byline .avatar {
  position: relative;
  display: inline-block;
  top: 10px;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  background-image: url("https://images-na.ssl-images-amazon.com/images/M/MV5BMTQ2NjM5NjE5NF5BMl5BanBnXkFtZTYwNTk3MjUz._V1_UY317_CR0,0,214,317_AL_.jpg");
  background-size: cover;
  background-color: #5A7D7C;
  border-radius: 50%;
}
section .byline span {
  color: #e74c3c;
  font-style: normal;
  font-weight: bold;
}
section p {
  margin-bottom: 50px;
  font-family: 'Merriweather',serif;
  font-size: 16px;
  line-height: 1.95;
}
section p .drop {
  position: relative;
  display: inline-block;
  margin: 0 20px 0 0;
  color: #e74c3c;
  font-size: 64px;
  font-weight: bold;
  line-height: 1.2;
  float: left;
}
section blockquote {
  position: relative;
  width: 80%;
  margin: 150px auto;
  padding: 5px 0 5px 30px;
  border-left: 5px solid #e74c3c;
  color: #444;
  font-size: 20px;
  line-height: 1.75;
}
section blockquote span {
  position: relative;
  display: block;
  margin: 20px 0 0;
  font-size: 16px;
}

.quote {
  height: 400px;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.quote.desert {
  background-image: url("http://mentalsociety.com/wp-content/themes/twentyseventeen/assets/images/joshua-tree.jpg");
}
.quote.second {
  background-image: url("http://mentalsociety.com/wp-content/themes/twentyseventeen/assets/images/psychedelic.jpg");
}
.quote:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 130%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
  z-index: -1;
}
.quote blockquote {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44%;
  margin: 0;
  padding: 5px 0 5px 30px;
  border-left: 5px solid #e74c3c;
  color: #444;
  font-size: 24px;
  font-weight: 100;
  line-height: 1.25;
  letter-spacing: 2px;
  transform: translate(-50%, -50%);
}
.quote blockquote span {
  position: relative;
  display: block;
  margin: 20px 0 0;
  font-size: 16px;
}

.comments {
  padding-top: 0;
}
.comments .toggle {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0 50px;
  padding: 10px;
  background-color: #719998;
  border-radius: 4px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.comments .toggle .indicator {
  position: relative;
  top: 4px;
  width: 15px;
  height: 16px;
  line-height: 1.75;
  transition: transform 250ms ease;
  float: right;
}
.comments .toggle .indicator:before, .comments .toggle .indicator:after {
  position: absolute;
  content: '';
}
.comments .toggle .indicator:before {
  top: 50%;
  width: 100%;
  height: 2px;
  background-color: white;
  transform: translateY(-1px);
}
.comments .toggle .indicator:after {
  left: 50%;
  width: 2px;
  height: 100%;
  background-color: white;
  transform: translateX(-1px);
}
.comments #toggle {
  display: none;
}
.comments #toggle:checked + .toggle .indicator {
  transform: rotate(45deg);
}
.comments #toggle:checked ~ .wrapper {
  height: auto;
}
.comments .wrapper {
  position: relative;
  display: block;
  height: 0;
  overflow: hidden;
}
.comments .wrapper .comment {
  position: relative;
  display: flex;
}
.comments .wrapper .comment .user {
  position: relative;
  width: 80px;
  height: inherit;
  margin: 0 20px 20px 0;
  padding: 0;
  float: left;
  font-size: 12px;
  text-align: center;
}
.comments .wrapper .comment .user .pic {
  position: relative;
  width: 100%;
  height: 65px;
  margin: 6px auto;
  background-image: url("http://images.complex.com/complex/image/upload/c_limit,w_680/fl_lossy,pg_1,q_auto/Screen_Shot_2015-09-08_at_12.11.35_PM_sy22b5.jpg");
  background-position: center center;
  background-size: cover;
  background-color: darkgray;
  overflow: hidden;
}
.comments .wrapper .comment .user .date {
  font-size: 12px;
}
.comments .wrapper .comment .text .author {
  font-weight: bold;
  text-transform: uppercase;
  color: #e74c3c;
}
.comments .wrapper .comment .text p {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.tags {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.tags::after {
  clear: both;
  content: "";
  display: block;
}
.tags li {
  position: relative;
  display: inline-block;
  margin: 0 5px 5px 0;
}
.tags li.tag {
  display: block;
  color: #e74c3c;
  font-weight: bold;
  text-transform: uppercase;
}
.tags li a {
  position: relative;
  display: block;
  padding: 7px 20px;
  background-color: #5A7D7C;
  border-radius: 99px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.tags li a:hover {
  background-color: #719998;
}

.footer {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 50px 0 0;
  background: #c0392b;
  z-index: 0;
}
.footer .footer-logo {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-color: white;
  border-radius: 50%;
}
.footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
}
.footer ul {
  flex-basis: 13em;
  flex-shrink: 0;
  margin-bottom: 40px;
  padding: 0;
}
.footer ul li {
  line-height: 1.5em;
  list-style: none;
  text-align: center;
}
.footer ul li a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none;
}
.footer ul li a:focus, .footer ul li a:hover {
  color: white;
}
.footer ul li h3 {
  color: white;
  font-size: 1em;
  margin-bottom: 0.4em;
}
.footer .disclaimer {
  position: relative;
  display: block;
  width: 100%;
  padding: 30px;
  background-color: #962d22;
}
.footer .disclaimer p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  margin: auto;
  max-width: 35%;
  text-align: center;
}
JS
//


$(document).ready(function() {
	/* Every time the window is scrolled ... */
	$(window).scroll( function(){
		$('.hide').each( function(i){
			var bottom_of_object = $(this).offset().top + $(this).outerHeight();
			var bottom_of_window = $(window).scrollTop() + $(window).height();
			if( bottom_of_window > bottom_of_object ){
				$(this).animate({'opacity':'1'},500);
			}
		}); 
	});
});
Host Instantly Drag and Drop Website Builder

 

Term
Mon, 11/27/2017 - 21:55

Related Codes

Pen ID
Pen ID
Pen ID