Pen Settings



CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs 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 its URL and the proper URL extension.

+ add another resource


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


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.


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.


                <!-- ----------------------------------------------- -->
<!-- Copier à partir d'ici ------------------------- -->
<!-- ----------------------------------------------- -->
<link href="écembreGRÈVEGÉNÉRALE" rel="stylesheet">
  #strike-banner {
    padding: 1em 2vw;
    background-color: yellow;
    text-align: center;
    line-height: 1.5;
    color: #122038;
    border-bottom: 3px dashed;
  #strike-banner p { margin: 0; }
  #strike-banner big { font-family: "Russo One", "Arial Black", sans-serif; font-size: calc(.8em + 1vw); }
  #strike-banner small a { white-space: nowrap; }
<aside id="strike-banner">
  <div class="container">
    <p><big>Ce site soutient la grève générale</big>
    <small><br><a href="" target="_blank" class="external" title="La grève, c'est cool (nouvelle fenêtre)">La grève, c'est&nbsp;cool</a> - <a href="" target="_blank" class="external" title=" (nouvelle fenêtre)"></a> - <a href="" target="_blank" class="external" title="Copier le code de cette bannière (nouvelle fenêtre)">Copier cette bannière</a></small></p>
<!-- ----------------------------------------------- -->
<!-- Fin de la bannière ---------------------------- -->
<!-- ----------------------------------------------- -->

<h1>Oh le joli site !</h1>

<p>Copiez le code de cette bannière et collez-le dans votre site, juste après la balise <code>&lt;body&gt;</code> de chacune de vos pages (ou seulement la page d'accueil) pour afficher votre soutien à la grève. Vous pouvez bien sûr la personnaliser avec le texte et les liens qui vous conviennent.</p>

<h2>Autres initiatives</h2>

  <li><a href="">Bannière du 5 décembre</a></li>
  <li>Mettre son site en grève avec <a href="">strike-js</a></li>
  <li><a href="">Plugin SPIP en grève</a></li>

  <li><a href="">Comment faire grève ?</a></li>
  <li><a href="">Quelles grèves pour l’informatique ?</a></li>

<h2>Loremp ipsum negas fortem esse quemquam posse</h2>

<p>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale. Celery potato scallion desert raisin horseradish spinach carrot soko. Lotus root water spinach fennel kombu maize bamboo shoot green bean swiss chard seakale pumpkin onion chickpea gram corn pea. Brussels sprout coriander water chestnut gourd swiss chard wakame kohlrabi beetroot carrot watercress. Corn amaranth salsify bunya nuts nori azuki bean chickweed potato bell pepper artichoke.</p>

<p>Nori grape silver beet broccoli kombu beet greens fava bean potato quandong celery. Bunya nuts black-eyed pea prairie turnip leek lentil turnip greens parsnip. Sea lettuce lettuce water chestnut eggplant winter purslane fennel azuki bean earthnut pea sierra leone bologi leek soko chicory celtuce parsley jícama salsify.</p>

<p>Pea horseradish azuki bean lettuce avocado asparagus okra. Kohlrabi radish okra azuki bean corn fava bean mustard tigernut jícama green bean celtuce collard greens avocado quandong fennel gumbo black-eyed pea. Grape silver beet watercress potato tigernut corn groundnut. Chickweed okra pea winter purslane coriander yarrow sweet pepper radish garlic brussels sprout groundnut summer purslane earthnut pea tomato spring onion azuki bean gourd. Gumbo kakadu plum komatsuna black-eyed pea green bean zucchini gourd winter purslane silver beet rock melon radish asparagus spinach.</p>

<p>Beetroot water spinach okra water chestnut ricebean pea catsear courgette summer purslane. Water spinach arugula pea tatsoi aubergine spring onion bush tomato kale radicchio turnip chicory salsify pea sprouts fava bean. Dandelion zucchini burdock yarrow chickpea dandelion sorrel courgette turnip greens tigernut soybean radish artichoke wattle seed endive groundnut broccoli arugula.</p>

<p>Soko radicchio bunya nuts gram dulse silver beet parsnip napa cabbage lotus root sea lettuce brussels sprout cabbage. Catsear cauliflower garbanzo yarrow salsify chicory garlic bell pepper napa cabbage lettuce tomato kale arugula melon sierra leone bologi rutabaga tigernut. Sea lettuce gumbo grape kale kombu cauliflower salsify kohlrabi okra sea lettuce broccoli celery lotus root carrot winter purslane turnip greens garlic. Jícama garlic courgette coriander radicchio plantain scallion cauliflower fava bean desert raisin spring onion chicory bunya nuts. Sea lettuce water spinach gram fava bean leek dandelion silver beet eggplant bush tomato.</p>