blallo/circolog-website
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: blallo:d285798ad88178d79f0a833136ddd0731793e9bf
Branches Tags
blallo:master
...
compare: blallo:d263e596ab5e288cf3f6bfb51267d3cd31c8fdf1
Branches Tags
blallo:master

3 commits
d285798ad8 ... d263e596ab

Author SHA1 Message Date
Blallo
d263e596ab
Instructions on how to produce screencast. 2019-03-22 18:10:39 +01:00
Blallo
0e7d74a3cc
New server.cast and magic script to produce it. 2019-03-22 18:08:42 +01:00
Blallo
29b319e2f3
Mobile-optimize css. Still bad colors. 2019-03-22 18:08:01 +01:00
5 changed files with 191 additions and 15 deletions
Show stats Expand all files Collapse all files

10
README.md
View file

@ -2,3 +2,13 @@ Circolog website source
======================= =======================
Go to (https://circolog.degenerazione.xyz)[https://circolog.degenerazione.xyz] Go to (https://circolog.degenerazione.xyz)[https://circolog.degenerazione.xyz]
To produce the screencasts
--------------------------
```
$ asciinema rec -c "./circolog-resources/rec-server.sh" ./res/media/server.cast
```
(manually terminated).

63
circolog-resources/rec-server.sh Executable file
View file

@ -0,0 +1,63 @@
#!/usr/bin/env bash
SESSION="circolog"
DAEMON="d"
WINDOW="${SESSION}:${DAEMON}"
send_command() {
tmux send-keys -t "${WINDOW}.${1}" "${2}" Enter
}
digit_command() {
local input=$2
for (( i=0; i<${#input}; i++ ))
do
sleep 0.1
tmux send-keys -t "${WINDOW}.${1}" "${input:$i:1}"
done
sleep 2
tmux send-keys -t "${WINDOW}.${1}" Enter
}
config() {
tmux new -s $SESSION -n $DAEMON -d
tmux set-option -t $SESSION status off
tmux split-window -v -t $WINDOW
send_command 0 "bash"
send_command 1 "bash"
send_command 0 "PS1='my-server ~ '"
send_command 1 "PS1='my-server ~ '"
send_command 0 "clear"
send_command 1 "clear"
}
start_circologd() {
sleep 3;
#send_command 1 "docker run --name clogd -h my-server -ti testcircolog"
digit_command 0 "circologd"
}
start_ctl() {
sleep 5;
# send_command 0 "docker exec clogd /go/bin/circologctl status"
digit_command 1 "circologctl status"
sleep 5;
digit_command 1 "circologctl pause"
sleep 5;
digit_command 1 "circologctl pause"
}
attach_session() {
tmux attach -t $SESSION
}
cleanup() {
send_command 0 "C-c"
tmux kill-session -t $SESSION
}
trap cleanup 2 15
config
start_circologd &
start_ctl &
attach_session

1
index.html
View file

@ -1,6 +1,7 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Circolog</title> <title>Circolog</title>
<link rel="stylesheet" type="text/css" href="res/css/main.css"> <link rel="stylesheet" type="text/css" href="res/css/main.css">
<link rel="stylesheet" type="text/css" href="res/css/asciinema-player.css"> <link rel="stylesheet" type="text/css" href="res/css/asciinema-player.css">

44
res/css/main.css
View file

@ -106,8 +106,26 @@
} }
} }
@keyframes appear-from-below {
from {
margin-top: 100%;
opacity: 0.05;
}
to {
margin-top: 0%;
opacity: 1.0;
}
}
@media (min-device-width: 10cm) {
body {
font-size: 25px;
}
}
* { * {
color: #001F3F; box-sizing: border-box;
} }
body .section:first-child { body .section:first-child {
@ -116,21 +134,20 @@ body .section:first-child {
} }
body .section:not(:first-child) { body .section:not(:first-child) {
animation-name: appear-from-right; animation-name: appear-from-below;
animation-duration: 3s; animation-duration: 1.2s;
animation-timing-function: cubic-bezier(0.05, 0.05, 1.0, 1.0); animation-timing-function: cubic-bezier(.27,.72,.44,1.01);
} }
.section { .section {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
font-family: "Exo2"; font-family: "Exo2";
box-sizing: border-box;
border: 5px solid #000; border: 5px solid #000;
border-radius: 5px; border-radius: 5px;
margin-bottom: 2em; margin-bottom: 2em;
box-shadow: 5px 10px 5px 5px #001f3f, inset 2px 2px 5px 5px #3A2A1A; box-shadow: 5px 10px 5px 5px #2A202F, inset 2px 2px 5px 5px #3A2A1A;
overflow: hidden;
} }
.section > div { .section > div {
@ -141,11 +158,13 @@ body .section:not(:first-child) {
} }
.section > *:nth-child(odd){ .section > *:nth-child(odd){
background-color: hsla(120,100%,70%,0.7); color: #FFDC00;
background-color: #0074D9;
} }
.section > *:nth-child(even){ .section > *:nth-child(even){
background-color: rgba(100, 200, 200, 0.7); color: #001F3F;
background-color: #39CCCC;
} }
.section > * { .section > * {
@ -165,6 +184,11 @@ body .section:not(:first-child) {
} }
.container ul { .container ul {
color: #001F3F;
text-align: left; text-align: left;
padding-left: 5em; padding-left: 5%;
}
.pane {
max-width: 100%;
} }

88
res/media/server.cast
View file

@ -1,5 +1,83 @@
{"version": 2, "width": 86, "height": 29, "timestamp": 1553199871, "env": {"SHELL": "/bin/zsh", "TERM": "xterm-256color"}} {"version": 2, "width": 89, "height": 29, "timestamp": 1553274045, "env": {"SHELL": "/bin/zsh", "TERM": "xterm-kitty"}}
[0.48397, "o", "Binding address `127.0.0.1:9514` [syslog]\r\nBinding address `127.0.0.1:9080` [http]\r\nBinding address `/tmp/circologd-ctl.sock` [http]\r\n"] [0.759316, "o", "\u001b[H\u001b[Kmy-server ~ \u001b[17;1H\u001b[Kmy-server ~ "]
[4.384817, "o", "^C"] [3.154515, "o", "\u001b[1dc\u001b[17;13H"]
[4.38539, "o", "2019/03/21 20:24:35 Quitting because of signal interrupt\r\n"] [3.264101, "o", "\u001b[1;14Hi\u001b[17;13H"]
[4.3861, "o", "Error cleaning /tmp/circologd-ctl.sock : remove /tmp/circologd-ctl.sock: no such file or directory\r\n"] [3.379486, "o", "\u001b[1;15Hr\u001b[17;13H"]
[3.494536, "o", "\u001b[1;16Hc\u001b[17;13H"]
[3.604033, "o", "\u001b[1;17Ho\u001b[17;13H"]
[3.719434, "o", "\u001b[1;18Hl\u001b[17;13H"]
[3.835062, "o", "\u001b[1;19Ho\u001b[17;13H"]
[3.9507, "o", "\u001b[1;20Hg\u001b[17;13H"]
[4.066193, "o", "\u001b[1;21Hd\u001b[17;13H"]
[5.154301, "o", "c"]
[5.261403, "o", "i"]
[5.375829, "o", "r"]
[5.491457, "o", "c"]
[5.606791, "o", "o"]
[5.717046, "o", "l"]
[5.822792, "o", "o"]
[5.932519, "o", "g"]
[6.047915, "o", "c"]
[6.093464, "o", "\u001b[2;1HBinding address `127.0.0.1:9514` [syslog]\r\nBinding address `127.0.0.1:9080` [http]\u001b[17;22H"]
[6.093883, "o", "\u001b[4;1HBinding address `/tmp/circologd-ctl.sock` [http]\u001b[17;22H"]
[6.184407, "o", "t"]
[6.297215, "o", "l"]
[6.412799, "o", " "]
[6.528303, "o", "s"]
[6.644253, "o", "t"]
[6.759721, "o", "a"]
[6.873708, "o", "t"]
[6.983541, "o", "u"]
[7.098914, "o", "s"]
[9.113538, "o", "\r\n"]
[9.116525, "o", "Buffer Size: 1000\r\nServer Status: unpaused\r\nFilter String: <Empty Expression>\r\n"]
[9.116994, "o", "my-server ~ \u001b[?25l\u001b[?12l\u001b[?25h"]
[14.221184, "o", "c"]
[14.331184, "o", "i"]
[14.447238, "o", "r"]
[14.562845, "o", "c"]
[14.67815, "o", "o"]
[14.792836, "o", "l"]
[14.908057, "o", "o"]
[15.023417, "o", "g"]
[15.138658, "o", "c"]
[15.254266, "o", "t"]
[15.369453, "o", "l"]
[15.484815, "o", " "]
[15.600655, "o", "p"]
[15.71595, "o", "a"]
[15.830533, "o", "u"]
[15.939423, "o", "s"]
[16.04931, "o", "e"]
[18.059555, "o", "\r\n"]
[18.062041, "o", "\u001b[5dpaused\u001b[22;1H"]
[18.062533, "o", "my-server ~ \u001b[?25l\u001b[?12l\u001b[?25h"]
[23.17183, "o", "c"]
[23.281193, "o", "i"]
[23.387051, "o", "r"]
[23.497196, "o", "c"]
[23.612584, "o", "o"]
[23.728009, "o", "l"]
[23.843879, "o", "o"]
[23.959212, "o", "g"]
[24.074962, "o", "c"]
[24.189235, "o", "t"]
[24.302282, "o", "l"]
[24.417794, "o", " "]
[24.53347, "o", "p"]
[24.645442, "o", "a"]
[24.757005, "o", "u"]
[24.870256, "o", "s"]
[24.985604, "o", "e"]
[27.000262, "o", "\r\n"]
[27.00283, "o", "\u001b[6dunpaused\u001b[23;1H"]
[27.003379, "o", "my-server ~ \u001b[?25l\u001b[?12l\u001b[?25h"]
[31.217873, "o", "exit\r\n"]
[31.21945, "o", "\u001b[1m\u001b[7m%\u001b(B\u001b[m \u001b[24;1H \r"]
[31.403621, "o", "\u001b[?2004h"]
[32.050374, "o", "\r\n\u001b[?2004l"]
[32.099303, "o", "\u001b[?25l\u001b[Hmy-server ~ circologd\u001b[K\r\nBinding address `127.0.0.1:9514` [syslog]\u001b[K\r\nBinding address `127.0.0.1:9080` [http]\u001b[K\r\nBinding address `/tmp/circologd-ctl.sock` [http] \u001b[K\r\npaused\u001b[K\r\nunpaused\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\r\n\u001b[K\u001b[7d\u001b[?12l\u001b[?25h"]
[32.927704, "o", "^C"]
[32.92813, "o", "2019/03/22 18:01:18 Quitting because of signal interrupt\r\n"]
[32.930563, "o", "my-server ~ \u001b[?25l\u001b[?12l\u001b[?25h"]
[33.377483, "o", "exit\r\n"]