aaizemberg/.block

## .block
license: cc-by-4.0

## readme.md

      
    Raw
  

              readme.md
            
          
    Un archivo index.html con varios archivos que lo acompañan (css, .block, ...)
Este texto, sale del archivo readme.md.

  
## codigo.js
var data = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec diam dolor, malesuada sit amet ex id, maximus pharetra elit. Curabitur vel turpis massa. Proin semper tristique laoreet. Sed ut justo a nisi aliquet aliquet. Maecenas vehicula, massa quis luctus porta, odio leo dapibus sem, eu vulputate est nunc eget turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed rhoncus molestie lectus molestie tempor. Mauris ornare ac magna nec ultrices. Sed quis risus aliquet elit sagittis finibus. Curabitur feugiat nunc vel libero efficitur bibendum. Morbi efficitur justo a turpis condimentum, in sagittis nulla dictum. Nam gravida lacus metus, id euismod ante mattis in. Mauris at maximus ligula. Aenean suscipit nisl scelerisque, bibendum risus sed, mattis neque.",
            "Curabitur eu imperdiet purus. Praesent accumsan diam et ornare laoreet. Mauris semper est vel erat interdum, vel commodo ligula venenatis. Sed commodo ullamcorper libero, non pulvinar metus. Etiam et blandit nulla. In dapibus in lacus at tristique. Proin gravida ultrices facilisis. Quisque convallis tellus et est pulvinar, quis placerat magna laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vestibulum eget ligula pharetra consequat. Phasellus at tempus velit. Nulla mattis imperdiet nisl, vitae convallis tortor. Morbi ut dictum nibh. Proin a velit sed lectus varius ultricies. Vivamus id nulla porta, gravida nibh nec, mollis felis. Nullam pellentesque ex non vulputate aliquam.",
            "Mauris dui urna, ornare lacinia iaculis finibus, semper ut augue. Nullam sit amet nisl lorem. Maecenas gravida non ipsum eget pharetra. Duis vel enim volutpat, iaculis mauris quis, tincidunt diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum volutpat lacus sit amet elementum. Nullam vel turpis erat. Curabitur id risus tempor, tincidunt dolor eu, dictum ligula. Nullam in diam semper justo blandit hendrerit a efficitur ligula."
           ];

d3.select("div#los_3_parrafos").selectAll("p").data(data).enter().append( "p" )
  .text( function(d) { return d; } );

## estilo.css
h1 {
    color: #8C3420;
}

h2 {
    color: #BF702A;
}

h3 {
    color: #1E4019;
}

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>varios archivos en un GIST</title>
  <link href="estilo.css" rel="stylesheet" type="text/css" />
  <script src="https://d3js.org/d3.v5.min.js"></script>
</head>
<body>
  <h1>Titulo principal</h1>
  <h2>sub titulo</h2>
  <h3>tres parrafos</h3>

  <div id="los_3_parrafos"></div>

  <script src="codigo.js"></script>
</body>
</html>
	var data = ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec diam dolor, malesuada sit amet ex id, maximus pharetra elit. Curabitur vel turpis massa. Proin semper tristique laoreet. Sed ut justo a nisi aliquet aliquet. Maecenas vehicula, massa quis luctus porta, odio leo dapibus sem, eu vulputate est nunc eget turpis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed rhoncus molestie lectus molestie tempor. Mauris ornare ac magna nec ultrices. Sed quis risus aliquet elit sagittis finibus. Curabitur feugiat nunc vel libero efficitur bibendum. Morbi efficitur justo a turpis condimentum, in sagittis nulla dictum. Nam gravida lacus metus, id euismod ante mattis in. Mauris at maximus ligula. Aenean suscipit nisl scelerisque, bibendum risus sed, mattis neque.",
	"Curabitur eu imperdiet purus. Praesent accumsan diam et ornare laoreet. Mauris semper est vel erat interdum, vel commodo ligula venenatis. Sed commodo ullamcorper libero, non pulvinar metus. Etiam et blandit nulla. In dapibus in lacus at tristique. Proin gravida ultrices facilisis. Quisque convallis tellus et est pulvinar, quis placerat magna laoreet. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam vestibulum eget ligula pharetra consequat. Phasellus at tempus velit. Nulla mattis imperdiet nisl, vitae convallis tortor. Morbi ut dictum nibh. Proin a velit sed lectus varius ultricies. Vivamus id nulla porta, gravida nibh nec, mollis felis. Nullam pellentesque ex non vulputate aliquam.",
	"Mauris dui urna, ornare lacinia iaculis finibus, semper ut augue. Nullam sit amet nisl lorem. Maecenas gravida non ipsum eget pharetra. Duis vel enim volutpat, iaculis mauris quis, tincidunt diam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam elementum volutpat lacus sit amet elementum. Nullam vel turpis erat. Curabitur id risus tempor, tincidunt dolor eu, dictum ligula. Nullam in diam semper justo blandit hendrerit a efficitur ligula."
	];

	d3.select("div#los_3_parrafos").selectAll("p").data(data).enter().append( "p" )
	.text( function(d) { return d; } );
	h1 {
	color: #8C3420;
	}

	h2 {
	color: #BF702A;
	}

	h3 {
	color: #1E4019;
	}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>varios archivos en un GIST</title>
	<link href="estilo.css" rel="stylesheet" type="text/css" />
	<script src="https://d3js.org/d3.v5.min.js"></script>
	</head>
	<body>
	<h1>Titulo principal</h1>
	<h2>sub titulo</h2>
	<h3>tres parrafos</h3>

	<div id="los_3_parrafos"></div>

	<script src="codigo.js"></script>
	</body>
	</html>