aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rwxr-xr-xcss/index.html0
-rwxr-xr-xcss/reset.css35
-rw-r--r--css/style.css47
-rwxr-xr-xcss/typography.css85
-rwxr-xr-xindex.php20
-rwxr-xr-xtpl/footer.html10
-rwxr-xr-xtpl/index.html46
7 files changed, 93 insertions, 150 deletions
diff --git a/css/index.html b/css/index.html
deleted file mode 100755
index e69de29b..00000000
--- a/css/index.html
+++ /dev/null
diff --git a/css/reset.css b/css/reset.css
deleted file mode 100755
index 530ddc3d..00000000
--- a/css/reset.css
+++ /dev/null
@@ -1,35 +0,0 @@
1html, body, div, span, object, iframe,
2h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3a, abbr, acronym, address, code,
4del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
5fieldset, form, label, legend,
6table, caption, tbody, tfoot, thead, tr, th, td {
7 margin: 0;
8 padding: 0;
9 border: 0;
10 font-weight: inherit;
11 font-style: inherit;
12 font-size: 100%;
13 font-family: inherit;
14 vertical-align: baseline;
15}
16
17
18/* Tables still need 'cellspacing="0"' in the markup. */
19table { border-collapse: separate; border-spacing: 0; }
20caption, th, td { text-align: left; font-weight: normal; }
21table, td, th { vertical-align: middle; }
22
23/* Remove possible quote marks (") from <q>, <blockquote>. */
24blockquote:before, blockquote:after, q:before, q:after { content: ""; }
25blockquote, q { quotes: "" ""; }
26
27/* Remove annoying border on linked images. */
28a img { border: none; }
29
30
31body {
32
33 margin: 10px;
34}
35
diff --git a/css/style.css b/css/style.css
index 41a61780..764cf628 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,7 +1,11 @@
1body { 1body {
2 color: #222222; 2 color: #222222;
3 font: 20px/1.3em Palatino,Georgia,serif; 3 font: 20px/1.3em Palatino,Georgia,serif;
4 background-color: #e6e6e6; 4 background-color: #F1F1F1;
5}
6
7body.article {
8 background-color: #ffffff;
5} 9}
6 10
7a, a:hover, a:visited { 11a, a:hover, a:visited {
@@ -11,7 +15,20 @@ header {
11 text-align: center; 15 text-align: center;
12} 16}
13 17
14#main { 18#article header {
19 text-align: left;
20 border-bottom: 1px solid #222222;
21}
22
23#article header a {
24 text-decoration: none;
25}
26
27#article header .vieworiginal a {
28 color: #888888;
29}
30
31#main, #article {
15 margin: 0 auto; 32 margin: 0 auto;
16} 33}
17 34
@@ -26,6 +43,32 @@ header {
26 padding: 15px; 43 padding: 15px;
27} 44}
28 45
46#main #entries {
47 margin-top: 20px;
48}
49
50#main #entries .entrie {
51 color: rgb(46, 46, 46);
52 position:relative;
53 background-color: #ffffff;
54 height: 8em;
55}
56
57#main #entries .entrie h2 a {
58 text-decoration: none;
59}
60
61#main #entries .entrie h2 a:hover {
62 color: #F5BE00;
63}
64
65#main #entries .entrie .tools {
66 position:absolute;
67 bottom: 0;
68 width: 100%;
69 text-align: right;
70}
71
29#main a.tool { 72#main a.tool {
30 text-decoration: none; 73 text-decoration: none;
31} 74}
diff --git a/css/typography.css b/css/typography.css
deleted file mode 100755
index e41db096..00000000
--- a/css/typography.css
+++ /dev/null
@@ -1,85 +0,0 @@
1
2body {
3 font:1em/1.625em "lucida grande","lucida sans unicode", sans-serif; background-color:#FFFEF0;
4 font-size-adjust:none;
5 font-style:normal;
6 font-variant:normal;
7 font-weight:normal;
8 padding: 15px;
9 margin: 15px auto;
10}
11
12article {
13 border: 3px solid grey;
14 max-width:700px;
15 margin: 15px auto;
16 padding: 15px;
17}
18
19footer {
20 border: 1px solid black;
21 padding: 15px;
22 margin: 15px auto;
23}
24
25p { padding:0 0 0.8125em 0; color:#111; font-weight:300;}
26
27p + p { text-indent:1.625em;}
28
29img { display: block; margin: 0.5em 0.8125em 0.8125em 0; padding: 0; }
30
31p > img { display: inline-block; margin: 0; }
32
33h1,h2{ font-weight:normal; color: #333; font-family:Georgia, serif; }
34h3,h4,h5,h6 { font-weight: normal; color: #333; font-family:Georgia, serif; }
35
36
37h1 { font-size: 2.125em; margin-bottom: 0.765em; line-height: 1.5em;}
38h2 { font-size: 1.9em; margin-bottom: 0.855em; }
39h3 { font-size: 1.7em; margin-bottom: 0.956em; }
40h4 { font-size: 1.4em; margin-bottom: 1.161em; }
41h5,h6 { font-size: 1.313em; margin-bottom: 1.238em; }
42
43
44
45ul{list-style-position:outside;}
46li ul,
47li ol { margin:0 1.625em; }
48ul, ol { margin: 0 0 1.625em 0; }
49
50
51dl { margin: 0 0 1.625em 0; }
52dl dt { font-weight: bold; }
53dl dd { margin-left: 1.625em; }
54
55a { color:#005AF2; text-decoration:none; }
56a:hover { text-decoration: underline; }
57
58
59table { margin-bottom:1.625em; border-collapse: collapse; }
60th { font-weight:bold; }
61tr,th,td { margin:0; padding:0 1.625em 0 1em; height:26px; }
62tfoot { font-style: italic; }
63caption { text-align:center; font-family:Georgia, serif; }
64
65
66abbr, acronym { border-bottom:1px dotted #000; }
67address { margin-top:1.625em; font-style: italic; }
68del {color:#000;}
69
70
71blockquote { padding:1em 1em 1.625em 1em; font-family:georgia,serif;font-style: italic; }
72blockquote:before { content:"\201C";font-size:3em;margin-left:-.625em; font-family:georgia,serif;color:#aaa;line-height:0;}/* From Tripoli */
73blockquote > p {padding:0; margin:0; }
74
75strong { font-weight: bold; }
76em, dfn { font-style: italic; }
77dfn { font-weight: bold; }
78pre, code { margin: 1.625em 0; white-space: pre; }
79pre, code, tt { font: 1em monospace; line-height: 1.5; }
80tt { display: block; margin: 1.625em 0; }
81hr { margin-bottom:1.625em; }
82
83.oldbook { font-family:"Warnock Pro","Goudy Old Style","Book Antiqua","Palatino",Georgia,serif; }
84.note { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; margin:0.1em; color:#333; }
85.mono { font-family:"Courier New", Courier, monospace; }
diff --git a/index.php b/index.php
index f26654c3..887326d1 100755
--- a/index.php
+++ b/index.php
@@ -24,7 +24,7 @@ catch (Exception $e)
24 24
25$action = (isset ($_GET['action'])) ? htmlspecialchars($_GET['action']) : ''; 25$action = (isset ($_GET['action'])) ? htmlspecialchars($_GET['action']) : '';
26$view = (isset ($_GET['view'])) ? htmlspecialchars($_GET['view']) : ''; 26$view = (isset ($_GET['view'])) ? htmlspecialchars($_GET['view']) : '';
27$in = (isset ($_GET['id'])) ? htmlspecialchars($_GET['id']) : ''; 27$id = (isset ($_GET['id'])) ? htmlspecialchars($_GET['id']) : '';
28 28
29switch ($action) 29switch ($action)
30{ 30{
@@ -128,21 +128,31 @@ catch (Exception $e)
128 <header> 128 <header>
129 <h1><img src="img/logo.png" alt="logo poche" />poche</h1> 129 <h1><img src="img/logo.png" alt="logo poche" />poche</h1>
130 </header> 130 </header>
131 <div id="main" class="w800p"> 131 <div id="main" class="w960p">
132 <ul id="links"> 132 <ul id="links">
133 <li><a href="index.php">home</a></li> 133 <li><a href="index.php">home</a></li>
134 <li><a href="?view=fav">favorites</a></li> 134 <li><a href="?view=fav">favorites</a></li>
135 <li><a href="?view=archive">archive</a></li> 135 <li><a href="?view=archive">archive</a></li>
136 <li><a title="i am a bookmarklet, use me !" href="javascript:(function(){var%20url%20=%20location.href;var%20title%20=%20document.title%20||%20url;window.open('<?php echo url()?>?action=add&url='%20+%20encodeURIComponent(url),'_self');})();">poche it !</a></li> 136 <li><a title="i am a bookmarklet, use me !" href="javascript:(function(){var%20url%20=%20location.href;var%20title%20=%20document.title%20||%20url;window.open('<?php echo url()?>?action=add&url='%20+%20encodeURIComponent(url),'_self');})();">poche it !</a></li>
137 </ul> 137 </ul>
138 <ul id="entries"> 138 <div id="entries">
139 <?php 139 <?php
140 $i = 0;
140 foreach ($entries as $entry) 141 foreach ($entries as $entry)
141 { 142 {
142 echo '<li><a href="readityourself.php?url='.urlencode($entry['url']).'">' . $entry['title'] . '</a> <a href="?action=toggle_archive&id='.$entry['id'].'" title="toggle mark as read" class="tool">&#10003;</a> <a href="?action=toggle_fav&id='.$entry['id'].'" title="toggle favorite" class="tool">'.(($entry['is_fav'] == 0) ? '&#9734;' : '&#9733;' ).'</a> <a href="?action=delete&id='.$entry['id'].'" title="toggle delete" class="tool">&#10799;</a></li>'; 143 if ($i == 0) {
144 echo '<section class="line grid3">';
145 }
146 echo '<aside class="mod entrie mb2"><h2 class="h6-like"><a href="readityourself.php?url='.urlencode($entry['url']).'">' . $entry['title'] . '</h2><div class="tools"><a href="?action=toggle_archive&id='.$entry['id'].'" title="toggle mark as read" class="tool">&#10003;</a> <a href="?action=toggle_fav&id='.$entry['id'].'" title="toggle favorite" class="tool">'.(($entry['is_fav'] == 0) ? '&#9734;' : '&#9733;' ).'</a> <a href="?action=delete&id='.$entry['id'].'" title="toggle delete" class="tool">&#10799;</a></div></aside>';
147
148 $i++;
149 if ($i == 3) {
150 echo '</section>';
151 $i = 0;
152 }
143 } 153 }
144 ?> 154 ?>
145 </ul> 155 </div>
146 </div> 156 </div>
147 <footer class="mr2 mt3"> 157 <footer class="mr2 mt3">
148 <p class="smaller"><a href="http://github.com/nicosomb/poche">poche</a> is a read it later open source system, based on <a href="http://www.memiks.fr/readityourself/">ReadItYourself</a>. <a href="https://twitter.com/getpoche" title="follow us on twitter">@getpoche</a>. Logo by <a href="http://www.iconfinder.com/icondetails/43256/128/jeans_monotone_pocket_icon">Brightmix</a>. poche is developed by <a href="http://nicolas.loeuillet.org">Nicolas Lœuillet</a> under the <a href="http://www.wtfpl.net/">WTFPL</a>.</p> 158 <p class="smaller"><a href="http://github.com/nicosomb/poche">poche</a> is a read it later open source system, based on <a href="http://www.memiks.fr/readityourself/">ReadItYourself</a>. <a href="https://twitter.com/getpoche" title="follow us on twitter">@getpoche</a>. Logo by <a href="http://www.iconfinder.com/icondetails/43256/128/jeans_monotone_pocket_icon">Brightmix</a>. poche is developed by <a href="http://nicolas.loeuillet.org">Nicolas Lœuillet</a> under the <a href="http://www.wtfpl.net/">WTFPL</a>.</p>
diff --git a/tpl/footer.html b/tpl/footer.html
index 8385b969..51b38b97 100755
--- a/tpl/footer.html
+++ b/tpl/footer.html
@@ -1,7 +1,3 @@
1<footer> 1 <footer class="mr2 mt3">
2 <div> 2 <p class="smaller"><a href="http://github.com/nicosomb/poche">poche</a> is a read it later open source system, based on <a href="http://www.memiks.fr/readityourself/">ReadItYourself</a>. <a href="https://twitter.com/getpoche" title="follow us on twitter">@getpoche</a>. Logo by <a href="http://www.iconfinder.com/icondetails/43256/128/jeans_monotone_pocket_icon">Brightmix</a>. poche is developed by <a href="http://nicolas.loeuillet.org">Nicolas Lœuillet</a> under the <a href="http://www.wtfpl.net/">WTFPL</a>.</p>
3 Copyright &copy; <a href="http://www.memiks.fr/">memiks.fr</a> | <a href="http://shaarli.memiks.fr/">Liens</a> / <a href="http://rss.memiks.fr/">RSS</a> / <a href="http://wiki.memiks.fr/">Wiki</a> / <a href="mailto:&#109;&#101;&#109;&#105;&#107;&#115;&#064;&#109;&#101;&#109;&#105;&#107;&#115;&#046;&#102;&#114;">Contact</a><br> 3 </footer>
4 Licence: WTF Licence<br>
5 More information HERE: <a href="http://www.memiks.fr/readityourself/">http://www.memiks.fr/readityourself/</a> Version : <span class="version">{$version}</span>
6 </div>
7</footer>
diff --git a/tpl/index.html b/tpl/index.html
index b4aba16c..3f3b28f0 100755
--- a/tpl/index.html
+++ b/tpl/index.html
@@ -1,18 +1,32 @@
1<!DOCTYPE html>
2<!--[if lte IE 6]> <html class="no-js ie6 ie67 ie678" lang="en"> <![endif]-->
3<!--[if lte IE 7]> <html class="no-js ie7 ie67 ie678" lang="en"> <![endif]-->
4<!--[if IE 8]> <html class="no-js ie8 ie678" lang="en"> <![endif]-->
5<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
1<html> 6<html>
2 <head> 7 <head>
3 <link rel='stylesheet' href='./css/reset.css' type='text/css' media='all' /> 8 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
4 <link rel='stylesheet' href='./css/typography.css' type='text/css' media='all' /> 9 <meta charset="utf-8">
5 10 <meta http-equiv="X-UA-Compatible" content="IE=10">
6 <title>{$title}</title> 11 <link rel="stylesheet" href="./css/knacss.css" media="all">
7 </head> 12 <link rel="stylesheet" href="./css/style.css" media="all">
8 <body> 13 <title>{$title}</title>
9 <article> 14 </head>
10 <h1><a href="{$url}">{$title}</a></h1> 15 <body class="article">
11 <div id="readityourselfcontent"> 16 <div id="article" class="w600p">
12 {$content} 17 <div>
13 </div> 18 <a href="index.php" title="back to home">&larr;</a>
14 <span class="comeFrom">Come From : <a href="{$url}">{$url}</a> 19 </div>
15 </article> 20 <header class="mbm">
16 {include="footer"} 21 <h1><a href="{$url}">{$title}</a></h1>
17 </body> 22 <div class="vieworiginal txtright small"><a href="{$url}" target="_blank">view original</a></div>
23 </header>
24 <article>
25 <div id="readityourselfcontent">
26 {$content}
27 </div>
28 </article>
29 </div>
30 {include="footer"}
31 </body>
18</html> 32</html>