Add portfolio page draft
This commit is contained in:
Christine Dodrill
parent
84362f27ef
commit
ed05cf8790
|
|
@ -6,33 +6,6 @@ import respond_to from require "lapis.application"
|
||||||
import assert_valid from require "lapis.validate"
|
import assert_valid from require "lapis.validate"
|
||||||
|
|
||||||
class Projects extends lapis.Application
|
class Projects extends lapis.Application
|
||||||
[projects: "/projects"]: =>
|
|
||||||
res, code = http.simple {
|
|
||||||
url: "https://api.github.com/users/Xe/repos"
|
|
||||||
headers: {
|
|
||||||
["User-Agent"]: "http://christine.website #{os.getenv "GIT_REV"}"
|
|
||||||
["Authorization"]: "token #{os.getenv "GITHUB_TOKEN"}"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if code != 200
|
|
||||||
@err = res
|
|
||||||
return render: "error", status: 500
|
|
||||||
|
|
||||||
repos, _, err = json.decode res
|
|
||||||
|
|
||||||
if err
|
|
||||||
@err = err
|
|
||||||
return render: "error", status: 500
|
|
||||||
|
|
||||||
@repos = {}
|
|
||||||
|
|
||||||
for _, repo in pairs(repos)
|
|
||||||
if not repo.fork
|
|
||||||
table.insert repos, repo
|
|
||||||
|
|
||||||
render: true
|
|
||||||
|
|
||||||
[portfolio: "/portfolio"]: =>
|
[portfolio: "/portfolio"]: =>
|
||||||
|
|
||||||
render: true
|
render: true
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
|
||||||
|
|
||||||
|
.box {
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
|
padding: 10px 25px;
|
||||||
|
text-align: right;
|
||||||
|
display: block;
|
||||||
|
margin-top: 60px;
|
||||||
|
}
|
||||||
|
.box-icon {
|
||||||
|
background-color: #57a544;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: table;
|
||||||
|
height: 100px;
|
||||||
|
margin: 0 auto;
|
||||||
|
width: 100px;
|
||||||
|
margin-top: -61px;
|
||||||
|
}
|
||||||
|
.box-icon span {
|
||||||
|
color: #fff;
|
||||||
|
display: table-cell;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.info h4 {
|
||||||
|
font-size: 26px;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.info > p {
|
||||||
|
color: #717171;
|
||||||
|
font-size: 16px;
|
||||||
|
padding-top: 10px;
|
||||||
|
text-align: justify;
|
||||||
|
}
|
||||||
|
.info > a {
|
||||||
|
background-color: #03a9f4;
|
||||||
|
border-radius: 2px;
|
||||||
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
|
||||||
|
color: #fff;
|
||||||
|
transition: all 0.5s ease 0s;
|
||||||
|
}
|
||||||
|
.info > a:hover {
|
||||||
|
background-color: #0288d1;
|
||||||
|
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
|
||||||
|
color: #fff;
|
||||||
|
transition: all 0.5s ease 0s;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,33 @@
|
||||||
|
import Widget from require "lapis.html"
|
||||||
|
|
||||||
|
class Portfolio extends Widget
|
||||||
|
content: =>
|
||||||
|
link rel: "stylesheet", href: "/static/css/portfolio/main.css"
|
||||||
|
|
||||||
|
center ->
|
||||||
|
h1 "Projects I've Made"
|
||||||
|
|
||||||
|
div class: "row", ->
|
||||||
|
div class: "col-xs-12 col-sm-6 col-md-6 col-lg-6", ->
|
||||||
|
div class: "box", ->
|
||||||
|
div class: "box-icon", ->
|
||||||
|
span class: "fa fa-4x fa-code"
|
||||||
|
|
||||||
|
div class: "info", ->
|
||||||
|
h4 class: "text-center", "Elemental-IRCd"
|
||||||
|
p "Elemental-IRCd is a fork of the (now defunct) ShadowIRCd project. It is also a fork of Atheme's Charybdis irc daemon with more user-friendly features. Most of these things are security patches, network staff usability features, patches that make centralized management simpler and extra status levels in channels; but the resulting core changes mean it needs to be its own project. I plan to replace this with something still in development called Scylla."
|
||||||
|
a href: "https://github.com/elemental-ircd/elemental-ircd", class: "btn", "Learn More"
|
||||||
|
|
||||||
|
div class: "col-xs-12 col-sm-6 col-md-6 col-lg-6", ->
|
||||||
|
div class: "box", ->
|
||||||
|
div class: "box-icon", ->
|
||||||
|
span class: "fa fa-4x fa-cogs"
|
||||||
|
|
||||||
|
div class: "info", ->
|
||||||
|
h4 class: "text-center", "Scylla"
|
||||||
|
p "Scylla is a more experimental project in separating mechanism from policy in IRC networks. The overall idea is to make the flow of things similar to this:"
|
||||||
|
code [[protocol line >>= mechanism >>= event >>= core >>= policy >>= action >>= mechanism >>= protocol line]]
|
||||||
|
p "This would be implemented by the core being a minimal message bus that routes things to the appropriate component, allowing the components to be written in any language. It is still in the early planning stage but I hope to have something working by next year."
|
||||||
|
a href: "https://github.com/Xe/scylla", class: "btn", "Learn More"
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,20 +0,0 @@
|
||||||
import Widget from require "lapis.html"
|
|
||||||
|
|
||||||
class Projects extends Widget
|
|
||||||
content: =>
|
|
||||||
h1 "My Projects"
|
|
||||||
|
|
||||||
element "table", class: "table table-striped", ->
|
|
||||||
tr ->
|
|
||||||
td "Name"
|
|
||||||
td "Description"
|
|
||||||
td "Language"
|
|
||||||
td "Star Count"
|
|
||||||
|
|
||||||
for _, repo in pairs @repos
|
|
||||||
tr ->
|
|
||||||
td ->
|
|
||||||
a href: repo.html_url, repo.name
|
|
||||||
td repo.description or ""
|
|
||||||
td repo.language
|
|
||||||
td repo.stargazers_count
|
|
||||||
Loading…
Reference in New Issue