summaryrefslogtreecommitdiff
path: root/src/frontend_blog/index.html
blob: 71bd7d3972883db6fc2a780252572c3e44107c27 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Blog site demonstration</title>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body onload="signal_taler_wallet_onload()">
  <header>
    <div id="logo">
      <svg height="100" width="100">
        <circle cx="50" cy="50" r="40" stroke="darkcyan" stroke-width="6" fill="white" />
        <text x="19" y="82" font-family="Verdana" font-size="90" fill="darkcyan">B</text>
      </svg>
    </div>

    <h1>Blog site demonstration</h1>
  </header>

  <aside class="sidebar" id="left">
  </aside>

  <section id="main">
    <article>
      <h1>Welcome to the Taler blog</h1>
      <p>This blog simulates how a website selling articles which integrates
         Taler should work. If you don't have a Taler wallet installed,
	 please visit <a href="https://demo.taler.net">demo.taler.net</a>.
         By clicking on some article below, you get its teaser shown, but the
	 actual purchase happens once you will click on the 'read more' link
	 associated with that teaser.
      </p>
    </article>
    <section>

      <article>
        <h2>Article list</h2>
      </article>

      <article class="articles">
        <ul style="list-style-type:none">
	  <li>
	    <a href="/essay_offer.php?article=fs-essay" class="read-more" id="fs-essay">
	      <div class="teasers_item">
	        <h3>What is Free Software</h3>
	        <p>
	  The free software definition presents the criteria for whether a
          particular software program qualifies as free software.  From time to
          time we revise this definition, to clarify it or to resolve questions
          about subtle issues.
		</p>
	      </div>
	    </a>
	    </li>
	</ul>
      </article>
    </section>
  </section>
</body>

</html>