webapp/resources/views/layouts/app.blade.php

<!doctype html>
<html lang="en" class="no-js">
<head>
    <meta charset="utf-8">

    <!-- www.phpied.com/conditional-comments-block-downloads/ -->
    <!--[if IE]><![endif]-->

    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
         Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>Shikiryu - Read Later by Email Bookmarklet</title>
    <meta name="description" content="This site will generate a bookmarklet sending an email with things to read later">
    <meta name="author" content="Clément Desmidt - Shikiryu">

    <!--  Mobile viewport optimized: j.mp/bplateviewport -->
    <meta name="viewport" content="width=device-width; initial-scale=1.0">

    <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    <!-- For the less-enabled mobile browsers like Opera Mini -->
    <link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">

    <!-- CSS : implied media="all" -->
    <link rel="stylesheet" href="css/style.css?v=1">
    <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
    <script src="js/modernizr-1.5.min.js"></script>

</head>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->

<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->
<!--[if IE 7 ]>    <body class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <body class="ie8"> <![endif]-->
<!--[if IE 9 ]>    <body class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <body> <!--<![endif]-->

<div id="container" class="container">
    <header>
        <a href="/"><img src="apple-touch-icon.png"/></a>
        <h1>Welcome to the Read Later by Email Bookmarklet Generator</h1>
    </header>

    <div id="main">
        @yield('content')
        <br/>
        <div class="english">
            <h2>What's a bookmarklet???</h2>
            <div><p>A bookmarklet is a small javascript shortcut you can put in your bookmark toolbar and will <strong>improve your surfing experience</strong></p></div>
            <h2>What's the "Read Later by Email Bookmarklet"?</h2>
            <div><p><strong>This bookmarklet, once clicked, will send you an e-mail with the title and the link of the current page you're viewing.</strong><br/>
                    In summary, it's a reminder, a time saver.</p>
            </div>
            <h2>How to use it?</h2>
            <div><p>
                    To use it, put your email into the field up this text and generate your personal link. Once generated, drag and drop the link into your bookmark.<br/>
                    While you're on a page you want to read later, click it. A message should tell you if the mail is sent or if there was an error. In the first case, you can close the page! Easy.<br/>
                    In the second case, you should <a href="//shikiryu.com/contact/">email me</a> with the error you got. I'll answer you as soon as possible! I promise!</p></div>
            <h2>Why should I use it?</h2>
            <div><p>So many examples. For example, I use it for 3 things : <br/> 1. My own little <a href="//www.delicious.com/">delicious</a> in my mail.<br/> 2. To have access to a page I wanted to read at work but had no time for that atm.<br/> 3. To forward page I liked to my friends or family.<br/><br/> I'm sure there's more use to it ;)</p></div>
            <h2>Is my privacy safe?</h2>
            <div><p>Short answer : yes and... no. <strong>This service does store your email for security reasons but never use your email otherwise!</strong> It just generate the bookmarklet dynamically with the given email. Anyway, there are checks to make sure no abuse is done with the service and you can <a href="//shikiryu.com/contact/">contact me</a> if you need your email to be blacklisted.<br/><br/>So, what's not safe? Any body who have access to your browser can have access to your email if they check the bookmarklet code. Therefor, don't use it in a cyber cafe for example. :)</p></div>
        </div>
        <hr/>
        <div class="french">
            <h2>Un bookmarklet ? C'est quoi ?</h2>
            <div><p>Un bookmarklet est un petit bout de javascript qu'on peut placer dans sa barre de raccourci et permet d'<strong>améliorer le surf sur internet grâce à de petites améliorations</strong></p></div>
            <h2>Et celui-ci, il fait quoi ?</h2>
            <div><p><strong>Ce bookmarklet, une fois cliqué, envoie un email avec le titre et le lien de la page courante à l'adresse que vous lui indiquez préalablement.</strong><br/>
                    En résumé, c'est un pense-bête, il fait gagner du temps.</p>
            </div>
            <h2>Comment on l'utilise ?</h2>
            <div><p>
                    Pour se faire, entrez votre email dans le champs ci-dessus et générer votre lien personnel. Une fois généré, glissez le dans votre barre de favoris.<br/>
                    Ceci réalisé, quand vous serez sur une page à lire plus tard ou à <i>favoriser</i>, cliquez-le. Un message devrait apparaître pour vous signaler si l'email est envoyé ou non. Dans le 1er cas, vous pouvez tout simplement fermer la page.<br/> Dans le 2nd cas, vous devriez <a href="//shikiryu.com/contact/">m'envoyer un email</a> en m'indiquant l'erreur occasionnée. Je vous répondrai le plus vite possible ! Promis !</p></div>
            <h2>Pourquoi je devrais l'utiliser ?</h2>
            <div><p>Tellement d'usages différents... Par exemple, je l'utilise pour 3 choses : <br/> 1. Mon propre petit <a href="//www.delicious.com/">delicious</a> dans  mes mails.<br/> 2. Pour avoir accès à la page que j'aimerai tant lire au travail mais qu'il me manque le temps (maudites réunions !).<br/> 3. Pour transférer une page que j'aime à des amis ou à la famille plus tard.<br/><br/> Mais je suis sûr qu'il y a d'autres emplois possibles ;)</p></div>
            <h2>Mes données restent confidentielles ?</h2>
            <div><p>Réponse rapide : oui... et non. <strong>Ce service enregistre votre e-mail pour des raisons de sécurité (lisez la suite) mais n'utilise jamais votre adresse ! JAMAIS !</strong> Je déteste le spam. L'adresse est utilisée uniquement pour générer dynamiquement le bookmarklet unique pour celle-ci. Il y a parfois des vérifications pour la détection d'abus du service (spam sur une adresse, nombre d'utilisation abusive, etc.). Si vous êtes victime d'un abus, merci de <a href="//shikiryu.com/contact/">me contacter</a> afin que je mette votre email en liste noire.<br/><br/>Mais alors, pourquoi ce n'est pas confidentiel ? Simplement car toute personne ayant accès à votre navigateur web peut voir votre adresse email ou utiliser le bookmarklet frauduleusement. De ce fait, il est déconseillé de l'utiliser depuis un cyber café par exemple :)</p></div>
        </div>
    </div>

    <footer>
        <a href="//shikiryu.com/">Clément Desmidt - Shikiryu</a> - <a href="//shikiryu.com/contact/">Contact</a> <span id="en-lang" class="tips" title="English"></span> <span id="fr-lang" class="tips" title="Français"></span> - <a href="https://git.shikiryu.com/Shikiryu/bookmarklet.shikiryu.com">Sources</a>
    </footer>
</div> <!--! end of #container -->

<!-- Javascript at the bottom for fast page loading -->
<script src="js/jquery-1.4.2.min.js"></script>
<script src="js/plugins.js?v=1"></script>

<!--[if lt IE 7 ]>
<script src="js/dd_belatedpng.js?v=1"></script>
<![endif]-->

</body>
</html>
:construction: Ajoute les nouvelles pages 2018-04-14 23:17:24 +02:00			`<!doctype html>`
			`<html lang="en" class="no-js">`
			`<head>`
			`<meta charset="utf-8">`

			`<!-- www.phpied.com/conditional-comments-block-downloads/ -->`
			`<!--[if IE]><![endif]-->`

			`<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame`
			`Remove this if you use the .htaccess -->`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">`

			`<title>Shikiryu - Read Later by Email Bookmarklet</title>`
			`<meta name="description" content="This site will generate a bookmarklet sending an email with things to read later">`
			`<meta name="author" content="Clément Desmidt - Shikiryu">`

			`<!-- Mobile viewport optimized: j.mp/bplateviewport -->`
			`<meta name="viewport" content="width=device-width; initial-scale=1.0">`

			`<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->`
			`<link rel="shortcut icon" href="favicon.ico">`
			`<link rel="apple-touch-icon" href="apple-touch-icon.png">`

			`<!-- For the less-enabled mobile browsers like Opera Mini -->`
			`<link rel="stylesheet" media="handheld" href="css/handheld.css?v=1">`

			`<!-- CSS : implied media="all" -->`
			`<link rel="stylesheet" href="css/style.css?v=1">`
			`<!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->`
			`<script src="js/modernizr-1.5.min.js"></script>`

			`</head>`

			`<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->`

			`<!--[if lt IE 7 ]> <body class="ie6"> <![endif]-->`
			`<!--[if IE 7 ]> <body class="ie7"> <![endif]-->`
			`<!--[if IE 8 ]> <body class="ie8"> <![endif]-->`
			`<!--[if IE 9 ]> <body class="ie9"> <![endif]-->`
			`<!--[if (gt IE 9)\|!(IE)]><!--> <body> <!--<![endif]-->`

			`<div id="container" class="container">`
			`<header>`
			`<a href="/"><img src="apple-touch-icon.png"/></a>`
			`<h1>Welcome to the Read Later by Email Bookmarklet Generator</h1>`
			`</header>`

			`<div id="main">`
			`@yield('content')`
			`<br/>`
			`<div class="english">`
			`<h2>What's a bookmarklet???</h2>`
			`<div><p>A bookmarklet is a small javascript shortcut you can put in your bookmark toolbar and will <strong>improve your surfing experience</strong></p></div>`
			`<h2>What's the "Read Later by Email Bookmarklet"?</h2>`
			`<div><p><strong>This bookmarklet, once clicked, will send you an e-mail with the title and the link of the current page you're viewing.</strong><br/>`
			`In summary, it's a reminder, a time saver.</p>`
			`</div>`
			`<h2>How to use it?</h2>`
			`<div><p>`
			`To use it, put your email into the field up this text and generate your personal link. Once generated, drag and drop the link into your bookmark.<br/>`
			`While you're on a page you want to read later, click it. A message should tell you if the mail is sent or if there was an error. In the first case, you can close the page! Easy.<br/>`
			`In the second case, you should <a href="//shikiryu.com/contact/">email me</a> with the error you got. I'll answer you as soon as possible! I promise!</p></div>`
			`<h2>Why should I use it?</h2>`
			`<div><p>So many examples. For example, I use it for 3 things : <br/> 1. My own little <a href="//www.delicious.com/">delicious</a> in my mail.<br/> 2. To have access to a page I wanted to read at work but had no time for that atm.<br/> 3. To forward page I liked to my friends or family.<br/><br/> I'm sure there's more use to it ;)</p></div>`
			`<h2>Is my privacy safe?</h2>`
			<div><p>Short answer : yes and... no. <strong>This service does store your email for security reasons but never use your email otherwise!</strong> It just generate the bookmarklet dynamically with the given email. Anyway, there are checks to make sure no abuse is done with the service and you can <a href="//shikiryu.com/contact/">contact me</a> if you need your email to be blacklisted.<br/><br/>So, what's not safe? Any body who have access to your browser can have access to your email if they check the bookmarklet code. Therefor, don't use it in a cyber cafe for example. :)</p></div>
			`</div>`
			`<hr/>`
			`<div class="french">`
			`<h2>Un bookmarklet ? C'est quoi ?</h2>`
			`<div><p>Un bookmarklet est un petit bout de javascript qu'on peut placer dans sa barre de raccourci et permet d'<strong>améliorer le surf sur internet grâce à de petites améliorations</strong></p></div>`
			`<h2>Et celui-ci, il fait quoi ?</h2>`
			`<div><p><strong>Ce bookmarklet, une fois cliqué, envoie un email avec le titre et le lien de la page courante à l'adresse que vous lui indiquez préalablement.</strong><br/>`
			`En résumé, c'est un pense-bête, il fait gagner du temps.</p>`
			`</div>`
			`<h2>Comment on l'utilise ?</h2>`
			`<div><p>`
			`Pour se faire, entrez votre email dans le champs ci-dessus et générer votre lien personnel. Une fois généré, glissez le dans votre barre de favoris.<br/>`
			`Ceci réalisé, quand vous serez sur une page à lire plus tard ou à <i>favoriser</i>, cliquez-le. Un message devrait apparaître pour vous signaler si l'email est envoyé ou non. Dans le 1er cas, vous pouvez tout simplement fermer la page.<br/> Dans le 2nd cas, vous devriez <a href="//shikiryu.com/contact/">m'envoyer un email</a> en m'indiquant l'erreur occasionnée. Je vous répondrai le plus vite possible ! Promis !</p></div>`
			`<h2>Pourquoi je devrais l'utiliser ?</h2>`
			`<div><p>Tellement d'usages différents... Par exemple, je l'utilise pour 3 choses : <br/> 1. Mon propre petit <a href="//www.delicious.com/">delicious</a> dans mes mails.<br/> 2. Pour avoir accès à la page que j'aimerai tant lire au travail mais qu'il me manque le temps (maudites réunions !).<br/> 3. Pour transférer une page que j'aime à des amis ou à la famille plus tard.<br/><br/> Mais je suis sûr qu'il y a d'autres emplois possibles ;)</p></div>`
			`<h2>Mes données restent confidentielles ?</h2>`
			<div><p>Réponse rapide : oui... et non. <strong>Ce service enregistre votre e-mail pour des raisons de sécurité (lisez la suite) mais n'utilise jamais votre adresse ! JAMAIS !</strong> Je déteste le spam. L'adresse est utilisée uniquement pour générer dynamiquement le bookmarklet unique pour celle-ci. Il y a parfois des vérifications pour la détection d'abus du service (spam sur une adresse, nombre d'utilisation abusive, etc.). Si vous êtes victime d'un abus, merci de <a href="//shikiryu.com/contact/">me contacter</a> afin que je mette votre email en liste noire.<br/><br/>Mais alors, pourquoi ce n'est pas confidentiel ? Simplement car toute personne ayant accès à votre navigateur web peut voir votre adresse email ou utiliser le bookmarklet frauduleusement. De ce fait, il est déconseillé de l'utiliser depuis un cyber café par exemple :)</p></div>
:tada: Hello world 2018-04-09 21:38:31 +02:00			`</div>`
:construction: Ajoute les nouvelles pages 2018-04-14 23:17:24 +02:00			`</div>`

			`<footer>`
			`<a href="//shikiryu.com/">Clément Desmidt - Shikiryu</a> - <a href="//shikiryu.com/contact/">Contact</a> <span id="en-lang" class="tips" title="English"></span> <span id="fr-lang" class="tips" title="Français"></span> - <a href="https://git.shikiryu.com/Shikiryu/bookmarklet.shikiryu.com">Sources</a>`
			`</footer>`
			`</div> <!--! end of #container -->`

			`<!-- Javascript at the bottom for fast page loading -->`
			`<script src="js/jquery-1.4.2.min.js"></script>`
			`<script src="js/plugins.js?v=1"></script>`

			`<!--[if lt IE 7 ]>`
			`<script src="js/dd_belatedpng.js?v=1"></script>`
			`<![endif]-->`

			`</body>`
:tada: Hello world 2018-04-09 21:38:31 +02:00			`</html>`