Skip to content

Commit

Permalink
site name and tag line flags, work on ugly design
Browse files Browse the repository at this point in the history
  • Loading branch information
@mna
mna committed Jul 13, 2013
1 parent 52b828f commit 5875e84
Show file tree
Hide file tree
Showing 17 changed files with 275 additions and 28 deletions.
22 changes: 21 additions & 1 deletion example/public/002-meta-billet
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -76,5 +79,22 @@ Et voici une *emphase*, et _une autre_ avec une syntaxe alternative.
<p>Voilà. Il y a quelques options mineures au niveau des méta-données de chaque article et une configuration pour le site, principalement des valeurs par défaut, mais rien de renversant, et ce <em>par choix</em>. Pas de blogoliste (<em>blog roll</em>), de nuage de mots-clefs (<em>tag cloud</em>), de catalogue de thèmes dans tous les tons de marron, de barre de partage pour trente-douze gazillions de sites sociaux. C&rsquo;est la sympathique personnalité du Calepin, minimaliste jusqu&rsquo;au bout!</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/003-dependances
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -124,5 +127,22 @@ jscoverage jscoverage module for node.js =kate.sf 2012-02-28 02:11
<p>Dans un prochain article j&rsquo;aborderai les commandes davantage liées à une librairie spécifique, son fichier <code>package.json</code>, et les bonnes pratiques (toujours en évolution!) pour la gestion des dépendances d&rsquo;une application node.</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/004-npm-packages
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -138,5 +141,22 @@ mime@1.2.5 ./node_modules/express/node_modules/connect/node_modules/mime current
<p>Un mot en terminant sur le <a href="http://search.npmjs.org/">registre</a>, je mentionnais dans mon <a href="http://hypermegatop.calepin.co/npm-la-base-essentielle-pour-debuter-avec-nodejs.html">dernier article sur npm</a> qu&rsquo;il était nécessaire de se créer un compte pour utiliser certaines commandes. Et bien une brèche de sécurité a été découverte (et corrigée). Un courriel a été envoyé par Isaac à tous ceux qui avaient fourni une adresse valide, mais je sais qu&rsquo;il a eu des problèmes avec GMail et certains n&rsquo;ont pas reçu l&rsquo;information, donc si c&rsquo;est votre cas, assurez-vous de consulter ce <a href="https://gist.github.com/2001456">gist</a> qui reprend le contenu du courriel et les étapes à suivre pour sécuriser votre compte.</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/005-structurer-express
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -126,5 +129,22 @@ app.get('/', routes.index);
<p>Est-ce que votre organisation du code ressemble à ça? Utilisez-vous quelque chose de radicalement différent? Faites-en part dans les commentaires!</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/006-dependency-injection
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -87,5 +90,22 @@ module.exports = server;
<p>C&rsquo;est ce qu&rsquo;il manque, à mon avis, aux solutions actuelles sous Javascript. Quelque chose pour valider que le contrat attendu par le &ldquo;client&rdquo; soit respecté par la dépendance fournie. J&rsquo;ai quelques idées sur le sujet, on verra si ça mûrira, gardez l&rsquo;oeil sur <a href="https://github.com/PuerkitoBio/express-boilerplate">le référentiel GitHub</a>, et si vous avez commentaires et suggestions, l&rsquo;espace ci-bas est là pour ça!</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/007-implement-js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -43,5 +46,22 @@
<p>Les prochaines étapes sont assez simples, je vous invite à essayer la librairie, si vous croyez qu&rsquo;elle peut être utile dans vos projets. N&rsquo;hésitez pas à la faire partager avec vos collègues développeurs, et à <a href="https://github.com/PuerkitoBio/implement.js/issues">ouvrir un rapport d&rsquo;anomalie</a> au besoin. Encore mieux, si vous le pouvez, soumettez un correctif (un <em>pull request</em>). Je prévois ajouter la documentation de l&rsquo;API avec <a href="http://en.wikipedia.org/wiki/JSDoc">JSDoc</a> sous peu, et possiblement rendre la librairie disponible dans le fureteur.</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/008-backbone-computed-properties
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -81,5 +84,22 @@
<p>J&rsquo;ai mis le code source dans ce <a href="https://gist.github.com/2371954">gist</a>, car le tout fait à peine 100 <a href="http://en.wikipedia.org/wiki/Source_lines_of_code">sloc</a>, il est probablement préférable de le copier et l&rsquo;insérer dans son modèle Backbone de base (et de le minifier avec son code maison) plutôt que de le distribuer comme une librairie indépendante. Et en plus, le code assume qu&rsquo;il hérite directement de Backbone.Model, alors que ce n&rsquo;est pas forcément le cas. Qui sait, peut-être qu&rsquo;un auteur de librairie Backbone de plus haut niveau sera intéressé à l&rsquo;intégrer dans son cadre de développement (<em>framework</em>).</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/009-je-men-vais
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -60,5 +63,22 @@
<p>Quant au <em>design</em> du site, il sera peut-être minimaliste comme l&rsquo;était Calepin. Ou peut-être pas. Maintenant que je peux faire ce que je veux, je risque d&rsquo;expérimenter certains trucs, particulièrement avec le CSS. Et puis je n&rsquo;ai pas la notoriété d&rsquo;un <a href="http://dcurt.is/">Dustin Curtis</a>, possiblement que plus de tentacules sociales me seraient utiles. Tout ça reste à voir, mais en attendant le signal, c&rsquo;est encore ici, sur <a href="http://hypermegatop.calepin.co/">hypermegatop.calepin.co</a>, que ça se passe. 86&hellip; 85&hellip; 84 jours&hellip;</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
22 changes: 21 additions & 1 deletion example/public/010-demenagement
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand All @@ -30,5 +33,22 @@
<div><p>Suite à l&rsquo;annonce de la <a href="https://twitter.com/#!/calepinapp/status/192335906479415296">fermeture de Calepin.co</a>, j&rsquo;ai déménagé ce blogue sur <a href="http://hypermegatop.github.com/">http://hypermegatop.github.com</a>. Veuillez mettre à jour vos favoris!</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
23 changes: 16 additions & 7 deletions example/public/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,12 +118,11 @@ a:hover {
.header {
background-color: #000000;
padding: 10px 10% 10px 10%;
height: 60px;
height: 100px;
}

.header a {
.header a, .header span {
color: #FFFFFF;
font-size: 2.5em;
text-decoration:none;
}

Expand Down Expand Up @@ -198,15 +197,25 @@ pre code {

nav {
margin: 10px 0 10px 0;
border: 1px solid silver;
background-color: lightgrey;
padding: 5px 0 5px 0;
height: 100px;
background-color: silver;
}

nav ul {
margin: 0;
padding: 0;
height: 100%;
}
nav ul li {
height: 100%;
padding: 0;
vertical-align: top;
margin-right: 3%;
margin-left: 1%;
margin-right: 1%;
display: inline-block;
width: 30%;
width: 31%;
background-color: #5ba37f;
}

.current {
Expand Down
22 changes: 21 additions & 1 deletion example/public/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@
<body>

<div class="header">
<a href="/">Some Name</a>
<h1>
<a href="/">zero value</a>
<span>A wysiwyg hypertext cybernet</span>
</h1>
</div>
<article>
<nav>
Expand Down Expand Up @@ -76,5 +79,22 @@ <h3>De la personnalité, une signature</h3>
<p>Voilà. Il y a quelques options mineures au niveau des méta-données de chaque article et une configuration pour le site, principalement des valeurs par défaut, mais rien de renversant, et ce <em>par choix</em>. Pas de blogoliste (<em>blog roll</em>), de nuage de mots-clefs (<em>tag cloud</em>), de catalogue de thèmes dans tous les tons de marron, de barre de partage pour trente-douze gazillions de sites sociaux. C&rsquo;est la sympathique personnalité du Calepin, minimaliste jusqu&rsquo;au bout!</p>
</div>
</article>
<footer>
<nav>
<ul>
<li>Github</li>
<li>Twitter</li>
<li>
<ul>
<li>Méta-billet: un mot sur le Calepin!</li>
<li>npm: la base essentielle pour débuter avec node.js</li>
<li>npm shrinkwrap: Comment contrôler ses dépendances</li>
<li>Structurer une application Web avec Express et Node.js</li>
<li>Expérimentations sur l&#39;injection de dépendance avec node.js</li>
</ul>
</li>
</ul>
</nav>
</footer>
</body>
</html>
Loading

0 comments on commit 5875e84

Please sign in to comment.