Skip to content

Instantly share code, notes, and snippets.

<p>
I am content between a start tag and an end tag
</p>
<h2>
I am also content between a different start tag and a different end tag.
</h2>
.boxwithborder {
border: 1px grey solid;
margin-bottom: 20px;
}
<h2>
&lt;ods-box&gt;
</h2>
<div class="ods-box">
The style of this element is the following:<br />
<ul>
<li><i>background: #FFF;</i> = the background color is white </li>
<li><i>border-radius: 3px;</i> = the box has rounded corners</li>
<li><i>border: solid 1px #E5E5E5;</i> = the box is outlined with a thin grey border</li>
@phvaillant
phvaillant / concept-css-2.css
Last active January 25, 2019 14:49
concept-css-2.css
.blue {
background-color: lightblue;
}
.green {
background-color: lightgreen;
}
.red {
background-color: salmon;
<div class="thebox blue">
Blue Box
</div>
<div class="thebox red">
Red Box
</div>
<div class="thebox green">
Green Box
<div style="background-color: lightblue;
font-size: 40px;
text-align: center;
width: 100%;
padding-top: 65px;height:200px;">
Big and centered text within a tall and wide coloured div
</div>
<ods-dataset-context context="onlyonecontext" onlyonecontext-dataset="nobel-prize-laureates" onlyonecontext-domain="public">
<ods-chart align-month="true">
<ods-chart-query context="onlyonecontext" field-x="gender" maxpoints="0" sort="serie1-1">
<ods-chart-serie expression-y="id" chart-type="pie" function-y="COUNT" color="range-custom" scientific-display="true">
</ods-chart-serie>
</ods-chart-query>
</ods-chart>
<ods-chart align-month="true">
<ods-dataset-context context="firstcontext,secondcontext" firstcontext-dataset="nobel-prize-laureates" firstcontext-domain="public" secondcontext-dataset="nobel-prize-laureates" secondcontext-domain="public">
<ods-chart align-month="true">
<ods-chart-query context="firstcontext" field-x="gender" maxpoints="0" sort="serie1-1">
<ods-chart-serie expression-y="id" chart-type="pie" function-y="COUNT" color="range-custom" scientific-display="true">
</ods-chart-serie>
</ods-chart-query>
</ods-chart>
<ods-chart align-month="true">
@phvaillant
phvaillant / index.html
Last active October 16, 2016 00:20
Trying to implement progress bar for groups of clusters
<!DOCTYPE html>
<html>
<head>
<title>Leaflet debug page</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.0-rc.1/leaflet.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="screen.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.0.0-rc.1.0/MarkerCluster.css" />
@phvaillant
phvaillant / L.Polyline.SnakeAnim.js
Created October 11, 2016 23:38
Show popups on snake path - leaflet
///// FIXME: Use path._rings instead of path._latlngs???
///// FIXME: Panic if this._map doesn't exist when called.
///// FIXME: Implement snakeOut()
///// FIXME: Implement layerGroup.snakeIn() / Out()