rough homepage

This commit is contained in:
Al Beano 2017-07-14 20:06:28 +01:00
parent 3f45e4abc7
commit 1bd108d090
4 changed files with 49 additions and 174 deletions

View File

@ -18,14 +18,14 @@ charset: "UTF-8"
# simple: default and very basic template engine
# template_toolkit: TT
template: "simple"
template: "template_toolkit"
engines:
template:
template_toolkit:
start_tag: '<%'
end_tag: '%>'
# template: "template_toolkit"
# engines:
# template:
# template_toolkit:
# start_tag: '<%'
# end_tag: '%>'
auto_page: 1
# session engine
#

BIN
public/img/lain.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

View File

@ -1,148 +1,16 @@
<center>
<br />
<img src="img/lain.jpg" />
<br /><br />
<h1>Welcome to cybNIC</h1>
</center>
<!--
Credit goes to the Ruby on Rails team for this page
has been heavily based on the default Rails page that is
built with a scaffolded application.
<br />
Thanks a lot to them for their work.
See Ruby on Rails if you want a kickass framework in Ruby:
http://www.rubyonrails.org/
-->
<div id="page">
<div id="sidebar">
<ul id="sidebar-items">
<li>
<h3>Join the community</h3>
<ul class="links">
<li><a href="http://perldancer.org/">PerlDancer</a></li>
<li><a href="http://twitter.com/PerlDancer/">Official Twitter</a></li>
<li><a href="https://github.com/PerlDancer/Dancer2/">GitHub Community</a></li>
</ul>
</li>
<li>
<h3>Browse the documentation</h3>
<ul class="links">
<li><a
href="https://metacpan.org/pod/Dancer2::Manual">Introduction</a></li>
<li><a href="https://metacpan.org/pod/Dancer2::Cookbook">Cookbook</a></li>
<li><a
href="https://metacpan.org/pod/Dancer2::Tutorial"
title="a tutorial to build a small blog engine with Dancer">Tutorial</a></li>
</ul>
</li>
<li>
<h3>Your application's environment</h3>
<ul>
<li>Location: <span class="filepath">/home/l/src/cyberman</span></li>
<li>Template engine: <span class="app-info"><% settings.template %></span></li>
<li>Logger: <span class="app-info"><% settings.logger %></span></li>
<li>Environment: <span class="app-info"><% settings.environment %></span></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div id="header">
<h1>Perl is dancing</h1>
<h2>You&rsquo;ve joined the dance floor!</h2>
</div>
<div id="getting-started">
<h1>Getting started</h1>
<h2>Here&rsquo;s how to get dancing:</h2>
<h3><a href="#" id="about_env_link">About your application's environment</a></h3>
<div id="about-content" style="display: none;">
<table>
<tbody>
<tr>
<td>Perl version</td>
<td><span class="app-info"><% perl_version %></span></td>
</tr>
<tr>
<td>Dancer2 version</td>
<td><span class="app-info"><% dancer_version %></span></td>
</tr>
<tr>
<td>Backend</td>
<td><span class="app-info"><% settings.apphandler %></span></td>
</tr>
<tr>
<td>Appdir</td>
<td><span class="filepath">/home/l/src/cyberman</span></td>
</tr>
<tr>
<td>Template engine</td>
<td><span class="app-info"><% settings.template %></span></td>
</tr>
<tr>
<td>Logger engine</td>
<td><span class="app-info"><% settings.logger %></span></td>
</tr>
<tr>
<td>Running environment</td>
<td><span class="app-info"><% settings.environment %></span></td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript">
$('#about_env_link').click(function() {
$('#about-content').slideToggle('fast', function() {
// ok
});
return false;
});
</script>
<ol>
<li>
<h2>Tune your application</h2>
<p>
Your application is configured via a global configuration file,
<span class="filepath">config.yml</span> and an "environment" configuration file,
<span class="filepath">environments/development.yml</span>. Edit those files if you
want to change the settings of your application.
</p>
</li>
<li>
<h2>Add your own routes</h2>
<p>
The default route that displays this page can be removed,
it's just here to help you get started. The template used to
generate this content is located in
<span class="filepath">views/index.tt</span>.
You can add some routes to <span class="filepath">lib/cyberman.pm</span>.
</p>
</li>
<li>
<h2>Enjoy web development again</h2>
<p>
Once you've made your changes, restart your standalone server
<span class="filepath">(bin/app.psgi)</span> and you're ready
to test your web application.
</p>
</li>
</ol>
</div>
</div>
</div>
<div class="body">
<p>.cyb is a new TLD (top level domain) for anything and everything cyberpunk-related, on the OpenNIC network. To get started, change your computer's DNS settings to use OpenNIC's servers - <a href="https://www.moderntld.com/get-started/">here's how</a>. Registering a .cyb domain is free for everyone.</p>
<p>You can <a href="charter">read our charter</a> for more information and details on how to report abuse of cybNIC services.</p>
<center>
<p>[&nbsp;<a href="login">log&nbsp;in</a>&nbsp;]&nbsp;&nbsp;[&nbsp;<a href="register">register</a>&nbsp;]</p>
</center>
</div>

View File

@ -1,22 +1,29 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="<% settings.charset %>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title><% title %></title>
<link rel="stylesheet" href="<% request.uri_base %>/css/style.css">
<!-- Grab jQuery from a CDN, fall back to local if necessary -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">/* <![CDATA[ */
!window.jQuery && document.write('<script type="text/javascript" src="<% request.uri_base %>/javascripts/jquery.js"><\/script>')
/* ]]> */</script>
</head>
<body>
<% content %>
<div id="footer">
Powered by <a href="http://perldancer.org/">Dancer2</a> <% dancer_version %>
</div>
</body>
<!DOCTYPE HTML>
<html lang=en>
<head>
<meta charset="utf8" />
<style>
* {
margin: 0;
}
body, a {
background-color: black;
font-family: monospace;
color: white;
font-size: 14px;
line-height: 1.6em;
}
p {
margin-bottom: 0.8em;
}
.body {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<% content %>
</body>
</html>