Moves mockups to mockup folder.
This commit is contained in:
Dominik Picheta
parent
79c61613cd
commit
407f03da77
2 changed files with 0 additions and 0 deletions
151
mockup/index.html
Normal file
151
mockup/index.html
Normal file
|
|
@ -0,0 +1,151 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>The Nim programming language forum</title>
|
||||
|
||||
<link rel="stylesheet" href="nimforum.css">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
|
||||
<link rel="icon" href="images/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="main-navbar">
|
||||
<div class="navbar container grid-xl">
|
||||
<section class="navbar-section">
|
||||
<a href="#">
|
||||
<img src="images/crown.png"
|
||||
id="img-logo"/>
|
||||
</a>
|
||||
</section>
|
||||
<section class="navbar-section">
|
||||
<div class="input-group input-inline">
|
||||
<input class="form-input input-sm" type="text" placeholder="search">
|
||||
</div>
|
||||
<button class="btn btn-primary btn-sm"><i class="fas fa-user-plus"></i> Sign up</button>
|
||||
<button class="btn btn-primary btn-sm"><i class="fas fa-sign-in-alt"></i> Log in</button>
|
||||
</section>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="navbar container grid-xl" id="main-buttons">
|
||||
<section class="navbar-section">
|
||||
<div class="dropdown">
|
||||
<a href="#" class="btn dropdown-toggle" tabindex="0">
|
||||
Filter <i class="fas fa-caret-down"></i>
|
||||
</a>
|
||||
<ul class="menu">
|
||||
<li>community</li>
|
||||
<li>dev</li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn btn-primary">Latest</button>
|
||||
<button class="btn btn-link">Most Active</button>
|
||||
<button class="btn btn-link">Categories</button>
|
||||
</section>
|
||||
<section class="navbar-section">
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="container grid-xl">
|
||||
<table class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Topic</th>
|
||||
<th>Category</th>
|
||||
<th>Users</th>
|
||||
<th>Replies</th>
|
||||
<th>Views</th>
|
||||
<th>Activity</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><i class="fas fa-lock fa-xs" style="vertical-align: 0.05rem;"></i> Few mixed up questions</td>
|
||||
<td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
|
||||
<td>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&d=identicon" title="DTxplorer">
|
||||
</figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/ed45a09ddafbe85bd1f3917f6ee57593?s=40&d=identicon" title="mashingan">
|
||||
</figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/b3ed6848f575cc54c49f4916d15b65fd?s=40&d=identicon" title="mratsim"></figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/bd68fd5a3c41111e89cc9c71d25d5a06?s=40&d=identicon" title="Hlaaftana"></figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/aa81bb8117f158b6d9e6f3f174092573?s=40&d=identicon" title="ErikCampobadal"><i class="avatar-presence online"></i></figure>
|
||||
</td>
|
||||
<td>5</td>
|
||||
<td class="views-text">547</td>
|
||||
<td class="text-success">45m</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><i class="fas fa-check-square fa-xs" style="vertical-align: 0.05rem;"></i> Lexers and parsers in Nim</td>
|
||||
<td><div class="triangle"></div> community</td>
|
||||
<td>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/aa81bb8117f158b6d9e6f3f174092573?s=40&d=identicon" title="ErikCampobadal"><i class="avatar-presence online"></i></figure>
|
||||
</td>
|
||||
<td>0</td>
|
||||
<td class="views-text">14</td>
|
||||
<td class="text-success">44m</td>
|
||||
</tr>
|
||||
<tr class="no-border">
|
||||
<td>I need help <span class="label label-custom">2</span></td>
|
||||
<td><div class="triangle" style="border-bottom: 0.6rem solid #fc7c14;"></div> help</td>
|
||||
<td>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&d=identicon" title="DTxplorer">
|
||||
</figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/ed45a09ddafbe85bd1f3917f6ee57593?s=40&d=identicon" title="mashingan">
|
||||
</figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/b3ed6848f575cc54c49f4916d15b65fd?s=40&d=identicon" title="mratsim"></figure>
|
||||
</td>
|
||||
<td>4</td>
|
||||
<td class="popular-text">1.4k</td>
|
||||
<td>1d</td>
|
||||
</tr>
|
||||
<tr class="last-visit-separator">
|
||||
<td colspan="6">
|
||||
<span>
|
||||
last visit
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="no-border">
|
||||
<td>Nim v1.0 is here!</td>
|
||||
<td><div class="triangle" style="border-bottom: 0.6rem solid #1f93f3;"></div> announcement</td>
|
||||
<td>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/4831aedc3469e317e581e9e7348519a1?s=40&d=identicon" title="DTxplorer">
|
||||
</figure>
|
||||
<figure class="avatar avatar-sm">
|
||||
<img src="https://www.gravatar.com/avatar/ed45a09ddafbe85bd1f3917f6ee57593?s=40&d=identicon" title="mashingan">
|
||||
</figure>
|
||||
</td>
|
||||
<td class="text-error">4</td>
|
||||
<td class="super-popular-text">24.2k</td>
|
||||
<td class="text-gray">4d</td>
|
||||
</tr>
|
||||
<tr class="load-more-separator">
|
||||
<td colspan="6">
|
||||
<span>
|
||||
load more threads
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
232
mockup/thread.html
Normal file
232
mockup/thread.html
Normal file
|
|
@ -0,0 +1,232 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>The Nim programming language forum</title>
|
||||
|
||||
<link rel="stylesheet" href="nimforum.css">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.12/css/all.css" integrity="sha384-G0fIWCsCzJIMAVNQPfjH08cyYaUtMwjJwqiRKxxE/rx96Uroj1BtIQ6MLJuheaO9" crossorigin="anonymous">
|
||||
<link rel="icon" href="images/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header id="main-navbar">
|
||||
<div class="navbar container grid-xl">
|
||||
<section class="navbar-section">
|
||||
<a href="#">
|
||||
<img src="images/crown.png"
|
||||
id="img-logo"/>
|
||||
</a>
|
||||
</section>
|
||||
<section class="navbar-section">
|
||||
<div class="input-group input-inline">
|
||||
<input class="form-input input-sm" type="text" placeholder="search">
|
||||
</div>
|
||||
<button class="btn btn-primary btn-sm"><i class="fas fa-user-plus"></i> Sign up</button>
|
||||
<button class="btn btn-primary btn-sm"><i class="fas fa-sign-in-alt"></i> Log in</button>
|
||||
</section>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="container grid-xl">
|
||||
<div class="title">
|
||||
<p>Lexers and parsers in nim</p>
|
||||
<div class="triangle"></div> community
|
||||
</div>
|
||||
<div class="posts">
|
||||
<div class="post">
|
||||
<div class="post-icon">
|
||||
<figure class="post-avatar">
|
||||
<img src="https://www.gravatar.com/avatar/aa81bb8117f158b6d9e6f3f174092573?s=80&d=identicon" alt="Avatar">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="post-main">
|
||||
<div class="post-title">
|
||||
<div class="post-username">
|
||||
ErikCampobadal
|
||||
</div>
|
||||
<div class="post-time">Jan 2015</div>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Hey! I'm willing to create a programming language using nim.</p>
|
||||
|
||||
<p>It's an educational project. Been reading about compilers for weeks now and I started using tools like flex and bison for lexer and parser. I know nim have a parsing library but nowhere near that level.</p>
|
||||
|
||||
<p>There is an old post (2014) with a similar question so I'm bringing that back a few years later. Is there anything anyone know that could speed up the process of developing a programing language using nim? (I can have c code if needed ofc)</p>
|
||||
</div>
|
||||
<div class="post-buttons">
|
||||
<div class="like-button">
|
||||
<button class="btn">
|
||||
<span class="like-count">2</span>
|
||||
<i class="fas fa-heart"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="flag-button">
|
||||
<button class="btn">
|
||||
<i class="far fa-flag"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="reply-button">
|
||||
<button class="btn">
|
||||
<i class="fas fa-reply"></i>
|
||||
Reply
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post">
|
||||
<div class="post-icon">
|
||||
<figure class="post-avatar">
|
||||
<img src="https://www.gravatar.com/avatar/bfa46cf3ac91fcf26792ff824983e07e?s=80&d=identicon" alt="Avatar">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="post-main">
|
||||
<div class="post-title">
|
||||
<div class="post-username">
|
||||
twetzel59
|
||||
</div>
|
||||
<div class="post-time">Jan 2015</div>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Wow, I was just reading about the compilation pipeline today!</p>
|
||||
|
||||
<p>I suppose you could use at least the lexing part from a generator like <code>flex</code>, not so sure about using AST generators <b>easily</b> (it's possible).</p>
|
||||
|
||||
<p>Is your language complicated enough to warrant a parser generator or could you just use a custom parser?</p>
|
||||
</div>
|
||||
<div class="post-buttons">
|
||||
<div class="like-button">
|
||||
<button class="btn">
|
||||
<i class="far fa-heart"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="flag-button">
|
||||
<button class="btn">
|
||||
<i class="far fa-flag"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="reply-button">
|
||||
<button class="btn">
|
||||
<i class="fas fa-reply"></i>
|
||||
Reply
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="information time-passed">
|
||||
<div class="information-icon">
|
||||
<i class="fas fa-clock"></i>
|
||||
</div>
|
||||
<div class="information-main">
|
||||
<div class="information-title">
|
||||
3 years later
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="post">
|
||||
<div class="post-icon">
|
||||
<figure class="post-avatar">
|
||||
<img src="https://www.gravatar.com/avatar/1d180d9e0368472144840049b3d79448?s=80&d=identicon" alt="Avatar">
|
||||
</figure>
|
||||
</div>
|
||||
<div class="post-main">
|
||||
<div class="post-title">
|
||||
<div class="post-username">
|
||||
dom96 <i class="fas fa-shield-alt"></i> <i class="fas fa-chess-king"></i><!-- Random idea, allow to specify any icon class -->
|
||||
</div>
|
||||
<div class="post-time">32m</div>
|
||||
</div>
|
||||
<div class="post-content">
|
||||
<p>Let us test this new design a bit, <i>shall we?</i></p>
|
||||
<pre class="code" data-lang="Nim"><code>proc hello(x: int) =
|
||||
echo("Hello ", x)
|
||||
|
||||
42.hello()</code><div class="code-buttons"><button class="btn btn-primary btn-sm">Run</button></div></pre><pre class="execution-result execution-success"><button class="btn btn-clear float-right"></button><h6>Output</h6>Hello 42</pre>
|
||||
|
||||
<p>The greatest function ever written is <code>hello</code>.</p>
|
||||
<blockquote>
|
||||
<p>Designing websites is often a pain.</p>
|
||||
<blockquote>Multi-level baby!</blockquote></blockquote>
|
||||
<p>True that.</p>
|
||||
<p>I also want to be able to support more detailed quoting:</p>
|
||||
<blockquote>
|
||||
<div class="detail">
|
||||
<figure class="quote-avatar">
|
||||
<img src="https://www.gravatar.com/avatar/ad1ada3bea74a6afab83d2e40da1dcf3?s=30&d=identicon" alt="Avatar">
|
||||
</figure>
|
||||
<span class="quote-username">Araq:</span>
|
||||
<span class="quote-link"><i class="fas fa-arrow-up"></i></span>
|
||||
</div>
|
||||
Unix is a cancer.
|
||||
</blockquote>
|
||||
<p>We also want to be able to highlight user mentions:</p>
|
||||
<p>Please let
|
||||
<span class="user-mention">
|
||||
@Araq
|
||||
</span>
|
||||
know that this forum is awesome.</p>
|
||||
</div>
|
||||
<div class="post-buttons">
|
||||
<div class="like-button">
|
||||
<button class="btn">
|
||||
<i class="far fa-heart"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="flag-button">
|
||||
<button class="btn">
|
||||
<i class="far fa-flag"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="reply-button">
|
||||
<button class="btn">
|
||||
<i class="fas fa-reply"></i>
|
||||
Reply
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="information load-more-posts">
|
||||
<div class="information-icon">
|
||||
<i class="fas fa-comment-dots"></i>
|
||||
</div>
|
||||
<div class="information-main">
|
||||
<div class="information-title">
|
||||
Load more posts
|
||||
</div>
|
||||
<div class="information-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="information no-border">
|
||||
<div class="information-icon">
|
||||
<i class="fas fa-reply"></i>
|
||||
</div>
|
||||
<div class="information-main">
|
||||
<div class="information-title">
|
||||
Replying to "Lexers and parsers in nim"
|
||||
</div>
|
||||
<div class="information-content">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue