TARNET.CH

En construction :/

Ce site est en construction ... et risque de le rester pendant très longtemps. Mais le fait que vous soyez en train de lire ce texte signifie que tout va bien. Vous ne risquez pas de trouver quelque chose d'utile ici. Je peux donc librement expérimenter des concepts de site web et d'architecture réseau.

Pour la suite, vous aurez le droit à un peu de lorem ipsum. Pour ceux qui ne connaissent pas, il s'agit d'un texte aléatoire, qui a la particularité de ressembler à un texte réel, sans pour autant vouloir dire quelque chose. De cette façon, il est plus facile d'examiner le design et la mise en page d'un site web sans être distrait par le contenu du texte.

Quelques mots quand même sur le design de ce site. Je essaie de reprendre les concepts à la mode (en ce moment 2014). Je vois de plus en plus de site de ce genre, avec de grandes images, remplissant toute la fenête. Une navigation très linéaire, on n'a qu'a faire défiler la page et on passe de section en section. Ces sections sont bien délimitées, soit pas des changement de couleur de fond ou par une nouvelle image qui en jette. On retrouve aussi souvent le concept d'un court texte avec une image ou une vidéo en regard.

Le site qui a servi de déclancheur est celui de Andy Kirkpatrick. Je sais plus comment je suis tombé dessus, mais je l'ai trouvé très bien foutu. Plein d'animation, les boutons qui deviennent plus visible et des photos ! Le tout premier qui a retenu mon attention était PopApp, en plus le truc du site est original, et les vidéos donnent envi de s'arrêter sur le site et l'integration et tellement mieux faite que des simples vidéo YouTube embedded.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cette phrase est traditionnellement la première du texte, la suite étant totalement aléatoire. Donec sagittis dui eu lectus semper, et ornare ligula accumsan. Fusce luctus placerat magna. Aliquam orci elit, hendrerit at condimentum vel, vestibulum ut neque. Nunc laoreet ac purus non venenatis. Maecenas quis elementum orci. Suspendisse nec nunc tempor, mollis odio id, porttitor mauris. Maecenas quis diam ultrices, pellentesque felis et, facilisis lacus. Nulla id purus nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer est turpis, mollis eget pretium a, euismod vel augue. Vivamus adipiscing lorem id felis semper elementum. Donec accumsan a nisl ut aliquet. Duis enim neque, ornare sed metus eu, facilisis imperdiet neque. Duis euismod nunc dui, eu eleifend nulla dignissim eget. Nulla libero ipsum, convallis vel iaculis sit amet, fringilla non tortor. Integer tristique orci nisi. Curabitur eget lacinia turpis. Pellentesque sed metus suscipit, rutrum risus ut, interdum lectus. Suspendisse tincidunt tellus quis ligula molestie tempor. Praesent vel ligula eget nisl ornare congue. Nam eu gravida velit. Curabitur sed velit et massa iaculis hendrerit. Nam nibh leo, laoreet vel odio at, mattis vulputate sapien. Suspendisse sed mattis ipsum. Nulla consequat orci id lectus condimentum consectetur.

Quisque a nunc ac metus porta consequat. Etiam lacinia dictum laoreet. Duis vestibulum magna eu commodo venenatis. Vivamus bibendum tincidunt tortor, non molestie ipsum vestibulum eget. Etiam orci risus, interdum eget viverra auctor, dignissim at justo. Praesent imperdiet risus dui, non suscipit odio malesuada in. In sed ipsum ultricies erat consequat dapibus. Proin odio elit, rhoncus sit amet pharetra quis, hendrerit quis erat. Sed id posuere nunc. Maecenas a commodo diam. Quisque volutpat eros ac lacus pulvinar eleifend. Sed eget ullamcorper lectus. Donec ultricies, nisi nec interdum auctor, turpis risus tincidunt mi, vel accumsan est augue non purus.

Etiam ultricies posuere fermentum. Donec pulvinar arcu nec ligula suscipit commodo. Quisque tempor lectus eget arcu mattis, ut auctor risus congue. Pellentesque ac varius tortor, id ultricies leo. Fusce sed urna lorem. Cras laoreet lectus non justo porttitor, bibendum sollicitudin lacus egestas. Suspendisse dapibus velit dolor, nec consequat est tempor a.

Nunc consectetur justo nec urna accumsan, et fringilla dui porttitor. Quisque eu dolor cursus, blandit nisl eget, fringilla dui. Pellentesque ullamcorper, velit sed cursus interdum, urna leo sagittis mi, vitae porttitor augue dolor at mi. Duis pretium egestas lectus sit amet tincidunt. Sed at ipsum quis ipsum viverra cursus. In pretium sapien ut nunc gravida lacinia ac id leo. Suspendisse cursus ipsum et hendrerit consectetur. Quisque nec purus a libero pharetra hendrerit. Cras eleifend orci sed nunc lobortis malesuada. In gravida leo in dolor facilisis, a consequat felis porta. Nullam ut justo metus. Sed ac libero molestie, viverra leo a, hendrerit nisl. Nunc elementum ipsum in sem volutpat volutpat. Duis convallis rutrum sem, ut lacinia odio gravida et.

une image de chantier
Lors de l'agrandissement de la terrasse.

TODO

  • Animation lors du défillement du texte.
  • Trouver une police pour les résumés et les titres.
  • Design adaptif, passage en une colonne, support des téléphones et tablettes.
  • Designer le bas de page, avec quelques informations utiles.
  • Vivamus ut libero et massa mollis fringilla id ut nibh.

Pages à voir

Vous trouverez ici quelques liens vers des pages fonctionnelles que j'ai écrites. Ce sont des pages sans prétention, principalement écrites pour expérimenter des concepts.

Color screen de la pageOui, la capture d'écran est très parlante. Color est une page qui affiche une couleur, sur tout la page, une seule couleur, sans autre distraction. A l'origine, je voulais une page toute noire, pour "éteindre" mon deuxième écran pour ne pas être distrait en regardant un film sur le premier.

Projet météo Une page retraçant mes pérégrinations lors de la conception d'une station météo a base d'Arduino. Un module à l'extérieur et un en intérieur, controllant un affichage led récupéré sur une station météo du commerce. Les valeurs étant logguées sur mon serveur. Cette page sera bientôt remplacée entrièrement par le blog et la page finale du projet.

en francais

Encore du Lorem !

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sagittis dui eu lectus semper, et ornare ligula accumsan. Fusce luctus placerat magna. Aliquam orci elit, hendrerit at condimentum vel, vestibulum ut neque. Nunc laoreet ac purus non venenatis. Maecenas quis elementum orci. Suspendisse nec nunc tempor, mollis odio id, porttitor mauris. Maecenas quis diam ultrices, pellentesque felis et, facilisis lacus. Nulla id purus nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Integer est turpis, mollis eget pretium a, euismod vel augue. Vivamus adipiscing lorem id felis semper elementum. Donec accumsan a nisl ut aliquet. Duis enim neque, ornare sed metus eu, facilisis imperdiet neque. Duis euismod nunc dui, eu eleifend nulla dignissim eget. Nulla libero ipsum, convallis vel iaculis sit amet, fringilla non tortor. Integer tristique orci nisi. Curabitur eget lacinia turpis. Pellentesque sed metus suscipit, rutrum risus ut, interdum lectus. Suspendisse tincidunt tellus quis ligula molestie tempor. Praesent vel ligula eget nisl ornare congue. Nam eu gravida velit. Curabitur sed velit et massa iaculis hendrerit. Nam nibh leo, laoreet vel odio at, mattis vulputate sapien. Suspendisse sed mattis ipsum. Nulla consequat orci id lectus condimentum consectetur.

Quisque a nunc ac metus porta consequat. Etiam lacinia dictum laoreet. Duis vestibulum magna eu commodo venenatis. Vivamus bibendum tincidunt tortor, non molestie ipsum vestibulum eget. Etiam orci risus, interdum eget viverra auctor, dignissim at justo. Praesent imperdiet risus dui, non suscipit odio malesuada in. In sed ipsum ultricies erat consequat dapibus. Proin odio elit, rhoncus sit amet pharetra quis, hendrerit quis erat. Sed id posuere nunc. Maecenas a commodo diam. Quisque volutpat eros ac lacus pulvinar eleifend. Sed eget ullamcorper lectus. Donec ultricies, nisi nec interdum auctor, turpis risus tincidunt mi, vel accumsan est augue non purus.

Etiam ultricies posuere fermentum. Donec pulvinar arcu nec ligula suscipit commodo. Quisque tempor lectus eget arcu mattis, ut auctor risus congue. Pellentesque ac varius tortor, id ultricies leo. Fusce sed urna lorem. Cras laoreet lectus non justo porttitor, bibendum sollicitudin lacus egestas. Suspendisse dapibus velit dolor, nec consequat est tempor a.

Nunc consectetur justo nec urna accumsan, et fringilla dui porttitor. Quisque eu dolor cursus, blandit nisl eget, fringilla dui. Pellentesque ullamcorper, velit sed cursus interdum, urna leo sagittis mi, vitae porttitor augue dolor at mi. Duis pretium egestas lectus sit amet tincidunt. Sed at ipsum quis ipsum viverra cursus. In pretium sapien ut nunc gravida lacinia ac id leo. Suspendisse cursus ipsum et hendrerit consectetur. Quisque nec purus a libero pharetra hendrerit. Cras eleifend orci sed nunc lobortis malesuada. In gravida leo in dolor facilisis, a consequat felis porta. Nullam ut justo metus. Sed ac libero molestie, viverra leo a, hendrerit nisl. Nunc elementum ipsum in sem volutpat volutpat. Duis convallis rutrum sem, ut lacinia odio gravida et.

Quisque a nunc ac metus porta consequat. Etiam lacinia dictum laoreet. Duis vestibulum magna eu commodo venenatis. Vivamus bibendum tincidunt tortor, non molestie ipsum vestibulum eget. Etiam orci risus, interdum eget viverra auctor, dignissim at justo. Praesent imperdiet risus dui, non suscipit odio malesuada in. In sed ipsum ultricies erat consequat dapibus. Proin odio elit, rhoncus sit amet pharetra quis, hendrerit quis erat. Sed id posuere nunc. Maecenas a commodo diam. Quisque volutpat eros ac lacus pulvinar eleifend. Sed eget ullamcorper lectus. Donec ultricies, nisi nec interdum auctor, turpis risus tincidunt mi, vel accumsan est augue non purus.

Etiam ultricies posuere fermentum. Donec pulvinar arcu nec ligula suscipit commodo. Quisque tempor lectus eget arcu mattis, ut auctor risus congue. Pellentesque ac varius tortor, id ultricies leo. Fusce sed urna lorem. Cras laoreet lectus non justo porttitor, bibendum sollicitudin lacus egestas. Suspendisse dapibus velit dolor, nec consequat est tempor a.

Nunc consectetur justo nec urna accumsan, et fringilla dui porttitor. Quisque eu dolor cursus, blandit nisl eget, fringilla dui. Pellentesque ullamcorper, velit sed cursus interdum, urna leo sagittis mi, vitae porttitor augue dolor at mi. Duis pretium egestas lectus sit amet tincidunt. Sed at ipsum quis ipsum viverra cursus. In pretium sapien ut nunc gravida lacinia ac id leo. Suspendisse cursus ipsum et hendrerit consectetur. Quisque nec purus a libero pharetra hendrerit. Cras eleifend orci sed nunc lobortis malesuada. In gravida leo in dolor facilisis, a consequat felis porta. Nullam ut justo metus. Sed ac libero molestie, viverra leo a, hendrerit nisl. Nunc elementum ipsum in sem volutpat volutpat. Duis convallis rutrum sem, ut lacinia odio gravida et.

Quisque a nunc ac metus porta consequat. Etiam lacinia dictum laoreet. Duis vestibulum magna eu commodo venenatis. Vivamus bibendum tincidunt tortor, non molestie ipsum vestibulum eget. Etiam orci risus, interdum eget viverra auctor, dignissim at justo. Praesent imperdiet risus dui, non suscipit odio malesuada in. In sed ipsum ultricies erat consequat dapibus. Proin odio elit, rhoncus sit amet pharetra quis, hendrerit quis erat. Sed id posuere nunc. Maecenas a commodo diam. Quisque volutpat eros ac lacus pulvinar eleifend. Sed eget ullamcorper lectus. Donec ultricies, nisi nec interdum auctor, turpis risus tincidunt mi, vel accumsan est augue non purus.

Etiam ultricies posuere fermentum. Donec pulvinar arcu nec ligula suscipit commodo. Quisque tempor lectus eget arcu mattis, ut auctor risus congue. Pellentesque ac varius tortor, id ultricies leo. Fusce sed urna lorem. Cras laoreet lectus non justo porttitor, bibendum sollicitudin lacus egestas. Suspendisse dapibus velit dolor, nec consequat est tempor a.

Nunc consectetur justo nec urna accumsan, et fringilla dui porttitor. Quisque eu dolor cursus, blandit nisl eget, fringilla dui. Pellentesque ullamcorper, velit sed cursus interdum, urna leo sagittis mi, vitae porttitor augue dolor at mi. Duis pretium egestas lectus sit amet tincidunt. Sed at ipsum quis ipsum viverra cursus. In pretium sapien ut nunc gravida lacinia ac id leo. Suspendisse cursus ipsum et hendrerit consectetur. Quisque nec purus a libero pharetra hendrerit. Cras eleifend orci sed nunc lobortis malesuada. In gravida leo in dolor facilisis, a consequat felis porta. Nullam ut justo metus. Sed ac libero molestie, viverra leo a, hendrerit nisl. Nunc elementum ipsum in sem volutpat volutpat. Duis convallis rutrum sem, ut lacinia odio gravida et.