-
Notifications
You must be signed in to change notification settings - Fork 0
/
csi18n_roll_your_own.html
146 lines (143 loc) · 6.12 KB
/
csi18n_roll_your_own.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!doctype html>
<html>
<body>
Please feel free to copy the source anywhere under http://www.csi18n.com to create your own user-updateble translations site.<br>
<br>
The main documentation site is at <a href="http://csi18n.mpsvr.com/">http://csi18n.mpsvr.com/</a><br>
<br>
The notes below are a simple cut and paste of my latest process for updating the xkcd <i>du jour</i>.<br>
-- Alistair Mann
<br>
<hr>
<ol>
<li><p style="margin-bottom: 0cm">Visit <a href="https://xkcd.com/">https://xkcd.com/</a></p>
</li><li><p style="margin-bottom: 0cm">Right-click image | save image as
| xkcd-orig-<title>.png | save</p>
</li><li><p style="margin-bottom: 0cm">Open GIMP</p>
</li><li><p style="margin-bottom: 0cm">File | open |
xkcd-orig-<title>.png | open</p>
</li><li><p style="margin-bottom: 0cm">file | save as |
xkcd-orig-<title>.xcf | save</p>
</li><li><p style="margin-bottom: 0cm">print the image</p>
<ol>
<li><p style="margin-bottom: 0cm">title the image</p>
</li><li><p style="margin-bottom: 0cm">Hover image: is there a title=””
popup? If so, note a fr0001
</p>
</li><li><p style="margin-bottom: 0cm">label the textual elements
(“fr0104” etc)</p>
</li><li><p style="margin-bottom: 0cm">label point elements (“speech
line”)</p>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Title two tables
</p>
<ol>
<li><p style="margin-bottom: 0cm">textual</p>
<ol>
<li><p style="margin-bottom: 0cm">one row per textual elements</p>
</li><li><p style="margin-bottom: 0cm">cols: corner; w, x,y</p>
</li></ol>
</li><li><p style="margin-bottom: 0cm">point elements</p>
<ol>
<li><p style="margin-bottom: 0cm">one row per two points (“pt1,
pt2”)</p>
</li><li><p style="margin-bottom: 0cm">Cols: xy->xy</p>
</li></ol>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Co-ords:</p>
<ol>
<li><p style="margin-bottom: 0cm">For each textual element</p>
<ol>
<li><p style="margin-bottom: 0cm">determine where the corner
should go (just tl, tr, bl, br for now)</p>
</li><li><p style="margin-bottom: 0cm">determine max width of bubble</p>
</li><li><p style="margin-bottom: 0cm">Get pixel co-ords for textual
element and point elements</p>
</li></ol>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Erase all textual and speech
bubble elements</p>
</li><li><p style="margin-bottom: 0cm">File | save as |
xkcd-notext-<title>.xcf</p>
</li><li><p style="margin-bottom: 0cm">File | export … | export |
export</p>
</li><li><p style="margin-bottom: 0cm">Close gimp</p>
</li><li><p style="margin-bottom: 0cm">Upload png to imgur and capture
img src address</p>
</li><li><p style="margin-bottom: 0cm">At <a href="http://www.csi18n.com/">www.csi18n.com</a>,
mkdir -p ~/csi18n/xkcd/<title> //title should use underscore
not spaces</p>
<ol>
<li><p style="margin-bottom: 0cm">cd ~/csi18n/xkcd/<title></p>
</li><li><p style="margin-bottom: 0cm">cp ../20141201/index.php . (or
whichever is most recent version)</p>
</li><li><p style="margin-bottom: 0cm">cp ../20141201/index.html .</p>
</li><li><p style="margin-bottom: 0cm">Edit index.html</p>
<ol>
<li><p style="margin-bottom: 0cm">search/replace previous title
with new</p>
</li><li><p style="margin-bottom: 0cm">change <img src=”</p>
</li><li><p style="margin-bottom: 0cm">Change attribution</p>
</li><li><p style="margin-bottom: 0cm">Change date</p>
</li><li><p style="margin-bottom: 0cm">change code to handle particular
number of divs</p>
</li><li><p style="margin-bottom: 0cm">comment out unused items in
xkcdShow()</p>
</li><li><p style="margin-bottom: 0cm">comment out unused items in
xkcdShowLines()</p>
</li><li><p style="margin-bottom: 0cm">Data for xkcdShow() for BT, TL
etc, co-ords and widths</p>
</li><li><p style="margin-bottom: 0cm">Data for xkcdShowLines() for
speech lines</p>
</li><li><p style="margin-bottom: 0cm">If see-through PNG</p>
<ol>
<li><p style="margin-bottom: 0cm">Work up each z-index</p>
</li><li><p style="margin-bottom: 0cm">Add second area map because
closer z-index of see through PNG means can't click text behind.
A better solution: divide PNG into four around unused center
</p>
</li></ol>
</li><li><p style="margin-bottom: 0cm">hidden image title?</p>
<ol>
<li><p style="margin-bottom: 0cm">Uncomment hideWhatWasImgTitle</p>
</li><li><p style="margin-bottom: 0cm">hideWhatWasImgTitle,
showWhatWasImgTitle correct element</p>
</li><li><p style="margin-bottom: 0cm">Correct image-map via
<a href="http://www.image-maps.com/">http://www.image-maps.com/</a></p>
<ol>
<li><p style="margin-bottom: 0cm">Use the first <area … tag
in the html code</p>
</li></ol>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Comment forms to suit</p>
</li></ol>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Tie in this page to any indexing
pages</p>
</li><li><p style="margin-bottom: 0cm">At site: add English text as
available translation
</p>
<ol>
<li><p style="margin-bottom: 0cm">For each “undefined”</p>
<ol>
<li><p style="margin-bottom: 0cm">Click</p>
</li><li><p style="margin-bottom: 0cm">Offer Another</p>
</li><li><p style="margin-bottom: 0cm">Add original English</p>
</li><li><p style="margin-bottom: 0cm">Anonymous</p>
</li><li><p style="margin-bottom: 0cm">Submit</p>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Make text a bit larger/smaller to
suit</p>
</li></ol>
</li><li><p style="margin-bottom: 0cm">Adjust co-ords to suit</p>
</li><li><p style="margin-bottom: 0cm">These cribs
</p>
<ol>
<li><p style="margin-bottom: 0cm">Edit in word processor</p>
</li><li><p style="margin-bottom: 0cm">save as html</p>
</li><li><p style="margin-bottom: 0cm">view as html</p>
<p style="margin-bottom: 0cm">rowscut and paste source html into
csi18n_roll_your_own.html</p>
</li></ol>
</li></ol></body>
</html>