Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                .bg-wrapper
.container
  .row
    .col.col-md-7.col-xs-12
      .vcenter
        a(href="http://www.jkrishnamurti.org/es/about-krishnamurti/biography.php")
          h1#krishname.text-center
            | Jiddu
            | Krishnamurti
    .col.col-md-5.col-xs-12
      #main
        p 
          a(href="http://www.jkrishnamurti.org/es/about-krishnamurti/biography.php") Jiddu Krishnamurti 
          | nació el 11 de mayo de 1895 en Madanapalle, India. La Dra. Annie Besant, entonces presidenta de la Sociedad Teosófica, adoptó a Krishnamurti cuando era jóven y junto con otros proclamó a Krishnamurti como el próximo Instructor del mundo. Para preparar el mundo para esa venida, se creó una organización mundial llamada “La Orden de la Estrella” y Krishnamurti fue designado como su máximo dirigente.

        p Sin embargo, en 1929 Krishnamurti renunció a ese papel que supuestamente debía jugar, disolvió la Orden que ya tenía un inmenso número de seguidores y devolvió todo el dinero y las propiedades donadas para ese trabajo.

        P A partir de entonces, durante casi sesenta años hasta su muerte el 17 de febrero de 1986, viajó por todo el mundo hablando a grandes audiencias y a individuos, de la necesidad de un cambio radical en la humanidad.
        blockquote.blockquote-reverse#jiddu
        p.text-muted.text-right &mdash; Jiddu Krishnamurti
              
            
!

CSS

              
                @import  'https://fonts.googleapis.com/css?family=Homemade+Apple'
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab';
.vcenter
  margin-top 2vh
  vertical-align middle
  float none
  @media (min-width: 992px)
    margin-top 50vh
a
  color white
  font-weight bold
a:hover
  color white
  text-decoration none
#krishname
  color white
  font-size 8rem
  font-family 'Homemade Apple'
.bg-wrapper
  background url("https://theimmeasurable.org/wp-content/uploads/2016/08/IMG0042-840x430.jpg")  no-repeat
  position fixed
  background-size cover
  background-position 50% 0
  filter brightness(50%)
  transform translateX(-50%) translateY(-50%) scaleX(-1)
  top 50%
  left 50%
  width auto
  height auto
  min-width 100%
  min-height 100%
  transition 1s opacity
  z-index -10
#main
  font-family Roboto Slab, Georgia, Arial Narrow, sans-serif
  margin-top 2vh
  @media (min-width: 992px)
    margin-top 10vh
  font-weight 100 
  background rgba(100,100,100,.3)
  color white
  padding 2rem
  width 100%
  height 100%
  max-height 100%
  font-size 1.7rem
              
            
!

JS

              
                $("#jiddu").typed({
    strings: [
      "Pensar: Proceso de supervivencia, condicionante. Para sobrevivir, nos vemos forzados a pensar.",
      "Sembrando trigo una vez, cosecharás una vez. Plantando un árbol, cosecharás diez veces. Instruyendo al pueblo, cosecharás cien veces.",
      "No es signo de buena salud el estar bien adaptado a una sociedad profundamente enferma.",
      "La religión de todos los hombres debe ser la de creer en sí mismos.",
      "Lo decisivo para traer paz al mundo es nuestra conducta diaria.",
      "Sólo cuando la mente está libre de ideas y creencias puede actuar correctamente.",
      "Si posees claridad, si eres una luz interna para ti mismo, nunca seguirás a nadie.",
      "La búsqueda se convierte en otra huida de lo que realmente somos.",
      "El miedo corrompe la inteligencia y es una de las causas de la egolatría.",
      "Por la esperanza del mañana sacrificamos el hoy, sin embargo la felicidad siempre está en el ahora."
             ],
    contentType: 'text',
    shuffle: true,
    backDelay: 5000,
    loop: true,
    startDelay: 5,
    showCursor: false
});
              
            
!
999px

Console