richardmax

<div class="ct" id="t1">
  <div class="ct" id="t2">
    <div class="ct" id="t3">
      <div class="ct" id="t4">
         <div class="ct" id="t5">
          <ul id="menu">
            <a href="#t1"><li class="icon fa fa-bolt" id="uno"></li></a>
            <a href="#t2"><li class="icon fa fa-keyboard-o" id="dos"></li></a>
            <a href="#t3"><li class="icon fa fa-rocket" id="tres"></li></a>
            <a href="#t4"><li class="icon fa fa-dribbble" id="cuatro"></li></a>

richardmax

<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<div id="container"></div>
		<div id="info"><a href="https://threejs.org" target="_blank">three.js css3d</a> - periodic table. <a  href="https://plus.google.com/113862800338869870683/posts/QcFk5HrWran" target="_blank">info</a>.</div>
		<div id="menu">  
			<button id="table">TABLE</button>
			<button id="sphere">SPHERE</button>
			<button id="helix">HELIX</button>
			<button id="grid">GRID</button>
		</div>

richardmax

<div id="container"></div>
<div id="menu">
			<button id="table">TABLE</button>
			<button id="sphere">SPHERE</button>
			<button id="helix">HELIX</button>
			<button id="grid">GRID</button>
		</div>

richardmax

<div class="wrapper">
   <div class="background background_1"></div>
   <div class="background background_2"></div>
   <div class="background background_3"></div>
   <div class="background background_4"></div>

   <div class="row row_1">
      <div class="hexagon ring ring_1"><span></span></div>
      <div class="hexagon ring ring_1"><span></span></div>
      <div class="hexagon ring ring_1"><span></span></div>

richardmax

Hexagon grid

A 3D grid of hexagon tiles with a hover/click.

inspired by (http://aprilzero.com/explorer/august-2014/)

A Pen by Richard Max on CodePen.

License.

richardmax

#Stay Standalone

A short script to prevent internal links to a "webapp" added to iPhone home screen to open in Safari instead of navigating internally.