diff --git a/static/episode_list.html b/static/episode_list.html new file mode 100644 index 0000000000000000000000000000000000000000..ec374546049626df190ee3261e0f7268efbd142d --- /dev/null +++ b/static/episode_list.html @@ -0,0 +1,115 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <title>Series</title> + <script src="js/jquery-3.2.1.min.js"></script> + <link rel="stylesheet" href="semantic/semantic.min.css"> + <script src="semantic/semantic.min.js"></script> +</head> + +<body> + <div class="ui item menu"> + <a class="item active" href="index.html">Series A</a> + </div> + + <div class="ui padded text container"> + <div class="ui progress success active" data-percent="100"> + <div class="bar" style="width: 100%;"> + <div class="progress">100%</div> + </div> + </div> + <div class="ui segment"> + <img class="ui small left floated image" src="images/placeholder.png"> + <p> + Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim + dolorum definiebas an. Mei ex natum rebum iisque. + </p> + <p> + Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in. + </p> + <p> + Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera + utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id. + </p> + + <div class="three column ui grid"> + <div class="column"> + <div class="ui card"> + <div class="content"> + <div class="right floated meta"><i class="eye icon"></i></div> + <div class="header"> + <a href="new_episode.html"> + Episode 1 + </a> + </div> + <div class="description"> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="empty star icon"></i> + <i class="empty star icon"></i> + </div> + </div> + <div class="extra content"> + <a href="new_episode.html"><i class="pencil icon"></i> Edit</a> + </div> + </div> + </div> + <div class="column"> + <div class="ui card"> + <div class="content"> + <div class="right floated meta"><i class="eye icon"></i></div> + <div class="header"> + <a href="new_episode.html"> + Episode 2 + </a> + </div> + <div class="description"> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="empty star icon"></i> + </div> + </div> + <div class="extra content"> + <a href="new_episode.html"><i class="pencil icon"></i> Edit</a> + </div> + </div> + </div> + <div class="column"> + <div class="ui card"> + <div class="content"> + <div class="right floated meta"><i class="eye icon"></i></div> + <div class="header"> + <a href="new_episode.html"> + Episode 3 + </a> + </div> + <div class="description"> + <i class="star icon"></i> + <i class="star icon"></i> + <i class="empty star icon"></i> + <i class="empty star icon"></i> + <i class="empty star icon"></i> + </div> + </div> + <div class="extra content"> + <a href="new_episode.html"><i class="pencil icon"></i> Edit</a> + </div> + </div> + <div> + <button onclick="document.location='new_episode.html'" class="circular ui icon button right floated blue"> + <i class="icon plus"></i> + </button> + </div> + </div> + </div> + </div> + </div> + +</body> + +</html> diff --git a/static/index.html b/static/index.html index 46729ebf0923065c61a70fce1eada1200181a24a..d63e35a855d2a20bfedf3cdc12e8e5d68ff1b526 100644 --- a/static/index.html +++ b/static/index.html @@ -113,6 +113,13 @@ </div> </div> + <div style="bottom: 10px;position:fixed;right:20px;"> + <button onclick="document.location='new_serie.html'" class="circular ui icon button blue"> + <i class="icon plus"></i> + </button> + </div> + + </body> </html>