mirror of
https://github.com/by-jp/www.byjp.me.git
synced 2025-08-09 01:35:56 +01:00
Completed adding poetry & project prime
This commit is contained in:
JP Hastings-Spital
parent
d42a4ad269
commit
02d4d3c125
28 changed files with 622 additions and 11 deletions
|
|
@ -4,7 +4,7 @@ title: Chapter I
|
|||
author: Cy Densham
|
||||
date: 2009-08-13T12:00:01+01:00
|
||||
draft: false
|
||||
align: centre
|
||||
align: center
|
||||
next: chapter-ii
|
||||
---
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ title: Chapter II
|
|||
author: Cy Densham
|
||||
date: 2009-08-13T12:00:02+01:00
|
||||
draft: false
|
||||
align: centre
|
||||
align: center
|
||||
prev: chapter-i
|
||||
next: chapter-iii
|
||||
---
|
||||
|
|
|
|||
|
|
@ -4,7 +4,9 @@ title: Chapter III
|
|||
author: Cy Densham
|
||||
date: 2009-08-13T12:00:03+01:00
|
||||
draft: false
|
||||
align: centre
|
||||
align: center
|
||||
prev: chapter-ii
|
||||
next: chapter-iv
|
||||
---
|
||||
|
||||
Trapped within the blues\
|
||||
|
|
|
|||
|
|
@ -4,7 +4,8 @@ title: Chapter IV
|
|||
author: Cy Densham
|
||||
date: 2009-08-13T12:00:04+01:00
|
||||
draft: false
|
||||
align: centre
|
||||
align: center
|
||||
prev: chapter-iii
|
||||
---
|
||||
|
||||
Shadows in the fading blue -\
|
||||
|
|
|
|||
14
content/poetry/definitry.md
Normal file
14
content/poetry/definitry.md
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Definitry
|
||||
author: Cy Densham
|
||||
date: 2009-05-16T18:44:00+01:00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
**definetry** /dɛfɪnɛtʃʰɹi/\
|
||||
The art of defining\
|
||||
A word without rhyming.\
|
||||
(Not even a bit\
|
||||
For style nor wit)
|
||||
12
content/poetry/discarded.md
Normal file
12
content/poetry/discarded.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Discarded
|
||||
author: Cy Densham
|
||||
date: 2010-04-09T15:18:00+01:00
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
Finished shopping list\
|
||||
Under trolley's wonky wheel\
|
||||
"Pre-ripened mango?"
|
||||
12
content/poetry/ebbandflow.md
Normal file
12
content/poetry/ebbandflow.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Ebb and Flow
|
||||
author: Cy Densham
|
||||
date: 2008-00-00
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
Red flows out of Blue\
|
||||
from A flat to E sharp:\
|
||||
20, to twenty two.
|
||||
13
content/poetry/fe.md
Normal file
13
content/poetry/fe.md
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Fri:end?
|
||||
author: Cy Densham
|
||||
date: 2009-11-01T15:45:00+00:00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
And softly, she tore a whole:
|
||||
|
||||
_I don't like who **you** are_\
|
||||
_brb_
|
||||
14
content/poetry/fierce.md
Normal file
14
content/poetry/fierce.md
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
---
|
||||
type: poetry
|
||||
title: fierce
|
||||
author: Cy Densham
|
||||
date: 2011-08-07T18:06:00+01:00
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
"I want to be fiercely happy"\
|
||||
she said.
|
||||
|
||||
I beamed,\
|
||||
knowing all was right with the world.
|
||||
12
content/poetry/fireside.md
Normal file
12
content/poetry/fireside.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Fireside
|
||||
author: Cy Densham
|
||||
date: 2009-12-25T03:13:00+00:00
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
Quiet crackling\
|
||||
Silence isn't this lonesome\
|
||||
Dancing shadows dream
|
||||
42
content/poetry/fourteen.md
Normal file
42
content/poetry/fourteen.md
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Fourteen
|
||||
author: Cy Densham
|
||||
date: 2009-12-29T03:12:00+00:00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
She opened her eyes and looked from the jumpsuit down her arm to the soft skin at her wrist and the ink pushed under the surface there.
|
||||
|
||||
C7E0014
|
||||
|
||||
She didn't know what the shapes meant, but they felt like home.
|
||||
|
||||
A sharp tug on the chains dragged her through the door, her red hair thrown into her face.
|
||||
|
||||
She knew this was the end - even if the clang of machinery and misery of cold laughter woven together hadn't destroyed all hope, she knew at her core that fate's plans for her ended here. Despite this her head was high and her chest proud -- she would face this with honour and dignity.
|
||||
|
||||
She stood and stared at the distant figures in front of her as the chains slackened around her waist. One looked at her briefly, paused, and continued working, head hung. The other didn't seem to notice her.
|
||||
|
||||
Stillness; Silence.
|
||||
|
||||
She steadied her defiant stance, biting down on her own teeth.
|
||||
|
||||
A loud, abrasive noise and red light did not prepare her for the agonising pain as hot metal tore through the flesh of her thigh. She stumbled, regained her footing, took a sharp breath in and stood her ground in time for her shoulder to be ripped back as she was hit again.
|
||||
|
||||
The onslaught lasted one minute and twenty seven seconds. Her tattered body, without the structural strength to hold her weight, collapsed inwards, her soon lifeless head cracking on the concrete floor, dying eyes transfixed on the figures ahead.
|
||||
|
||||
"Hmm. Still standing after half a minute? Poor. Maybe it is worth using the larger calibre."
|
||||
|
||||
The chains dragged the shredded corpse along a crimson red trail, into the pit.
|
||||
|
||||
"Next."
|
||||
|
||||
"…Why do they never run?"
|
||||
|
||||
"It's how they are, can't have them moving about during the tests."
|
||||
|
||||
The doors opened and a red haired girl in a perfectly fitting jumpsuit stepped, wincing slightly, into the light. She studied the ink on her wrist as the fluorescent display above the door flicked over:
|
||||
|
||||
C7E0015
|
||||
16
content/poetry/if.md
Normal file
16
content/poetry/if.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
type: poetry
|
||||
title: if
|
||||
author: Cy Densham
|
||||
date: 2009-05-15T12:24:00+01:00
|
||||
draft: false
|
||||
align: monospace
|
||||
---
|
||||
|
||||
n
|
||||
o
|
||||
t m
|
||||
if i hide it away
|
||||
c g o
|
||||
e h u
|
||||
t
|
||||
16
content/poetry/ltt.md
Normal file
16
content/poetry/ltt.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Less Than Three
|
||||
author: Cy Densham
|
||||
date: 2010-01-03T23:34:00+00:00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
Laborious motion,\
|
||||
Double beat pattern.
|
||||
|
||||
Love's core, they tell us,\
|
||||
Dubbed it 'the' muscle!
|
||||
|
||||
Lucky it never
|
||||
12
content/poetry/memories.md
Normal file
12
content/poetry/memories.md
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Memories
|
||||
author: Cy Densham
|
||||
date: 2010-01-04T23:00:00+01:00
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
Recalled memories,\
|
||||
Crafted in snow storm or sun,\
|
||||
Always bring a smile
|
||||
16
content/poetry/oneone.md
Normal file
16
content/poetry/oneone.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
type: poetry
|
||||
title: one one
|
||||
author: Cy Densham
|
||||
date: 2010-03-12T00:41:00+00:00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
1 1 your words
|
||||
2 3 dance round
|
||||
5 8 my head
|
||||
13 so soft
|
||||
21 they float like
|
||||
34 a dreamer's
|
||||
55 consciousness
|
||||
24
content/poetry/sleep.md
Normal file
24
content/poetry/sleep.md
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Sleep
|
||||
author: Cy Densham
|
||||
date: 2008-00-00
|
||||
draft: false
|
||||
align:
|
||||
---
|
||||
|
||||
Snooze\
|
||||
\
|
||||
\
|
||||
\
|
||||
\
|
||||
\
|
||||
Snooze\
|
||||
\
|
||||
\
|
||||
\
|
||||
\
|
||||
\
|
||||
Snooze\
|
||||
\
|
||||
Shit.
|
||||
11
content/poetry/snapshot.md
Normal file
11
content/poetry/snapshot.md
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Snapshot
|
||||
author: Cy Densham
|
||||
date: 2009-11-26
|
||||
draft: false
|
||||
align: center
|
||||
---
|
||||
|
||||
Toes curled, open eyes\
|
||||
Happy smile -- (you are mine)
|
||||
16
content/poetry/storyteller.md
Normal file
16
content/poetry/storyteller.md
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Storyteller
|
||||
author: Cy Densham
|
||||
date: 2009-08-27T23:00:00+01:00
|
||||
draft: false
|
||||
align: monospace
|
||||
---
|
||||
|
||||
i
|
||||
am
|
||||
|
||||
the
|
||||
Storyteller
|
||||
|
||||
?
|
||||
23
content/poetry/whoknew.md
Normal file
23
content/poetry/whoknew.md
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
---
|
||||
type: poetry
|
||||
title: Who Knew?
|
||||
author: Cy Densham
|
||||
date: 2008-00-00
|
||||
draft: false
|
||||
align: left
|
||||
---
|
||||
|
||||
Shattered panes of understanding\
|
||||
This is not how things should be!\
|
||||
Self comprehension denied at once\
|
||||
Why try my hand at this?
|
||||
|
||||
For days and days I've been so sure,\
|
||||
Chemistry a simple slave,\
|
||||
Yet intellect provides no cure\
|
||||
When impulse be my bride.
|
||||
|
||||
Come seven hours or twenty minutes\
|
||||
(Confused minds know half as much)\
|
||||
My tongue shall speak a different name\
|
||||
And pray not know the change.
|
||||
|
|
@ -13,12 +13,10 @@ tags:
|
|||
|
||||
|
||||
|
||||
I finally got round to [completing project prime](https://poetry.byJP.me/projectprime/), it's a collaborative artwork based on four of [my poems](http://poetry.byJP.me), Chapters [I](http://poetry.byJP.me/poem:chapteri), [II](http://poetry.byJP.me/poem:chapterii), [III](http://poetry.byJP.me/poem:chapteriii) and [IV](http://poetry.byJP.me/poem:chapteriv).[^1]
|
||||
I finally got round to [completing project prime](/standalone/project-prime/), it's a collaborative artwork based on four of [my poems](https://www.byJP.me/poetry), Chapters [I](https://www.byJP.me/poetry/chapter-i), [II](https://www.byJP.me/poetry/chapter-ii), [III](https://www.byJP.me/poetry/chapter-iii) and [IV](https://www.byJP.me/poetry/chapter-iv).
|
||||
|
||||
Though these are, perhaps, uninspiring names they were chosen to allow readers (in particular the collaborative artists involved with this work) to form their own interpretations and impressions of the poetry. Over the course of several weeks 44 people submitted a little information about themselves and their impressions of each of the pieces.
|
||||
|
||||
Each person is represented in the artwork below by a coloured shape. Each shape's centre is placed on the canvas according to their age, with older people towards the right, and the first people to collaborate nearer the bottom. The colour of the shape shows their preference towards each poem the stronger the primary colour the more they liked that poem; red for Chapter II, green for Chapter III and blue for Chapter IV. Chapter I has is preference shown by transparency, the faster a shape pulses the more it was liked by the person it represents.
|
||||
|
||||
If you're interested in the code I used to generate the work, you can see it [in a gist on github](https://gist.github.com/jphastings/362995) -- I hope you enjoy it!
|
||||
|
||||
[^1]: Import note: I'll update these links once I've finished importing my poetry site!
|
||||
|
|
|
|||
|
|
@ -14,8 +14,8 @@ tags:
|
|||
|
||||
|
||||
|
||||
In its final days now, [Project Prime](http://poetry.kedakai.co.uk/projectprime/)[^1] is my attempt at combining art, poetry and maths in a funky little collaborative weave.
|
||||
In its final days now, [Project Prime](/standalone/project-prime)[^1] is my attempt at combining art, poetry and maths in a funky little collaborative weave.
|
||||
|
||||
Hopefully, the result will be a collection of people's opinions of my poetry in a dynamic visual form… I'm still to be convinced that it'll work well though! I'll probably end the work this weekend, and work on producing the final piece… stay tuned.
|
||||
|
||||
[^1]: Import note: My poetry site still needs to be imported!
|
||||
[^1]: Import note: I've tried to keep the layout of the page exactly as it was, though I've had to remove the system that showed the comments people left, as I've lost the original data.
|
||||
|
|
|
|||
|
|
@ -11,6 +11,8 @@ tags:
|
|||
- from-tumblr
|
||||
---
|
||||
|
||||
[Cy Densham](http://poetry.kedakai.co.uk/author:Densham/)[^1], my literary counterpart, is in the process of releasing a haiku in four parts. This part, _Chapter I_, whilst not conforming to the traditional standard for haiku of 5,7,5 syllables it is in the same vein. Hopefully more will become apparent as the remaining chapters are released!
|
||||
[Cy Densham](/poetry)[^1], my literary counterpart, is in the process of releasing a haiku in four parts.
|
||||
|
||||
[^1]: Import note: I'm still working on resurrecting my poetry site. I'm really hoping I can complete it, these four chapters were very enjoyable to write.
|
||||
This part, _[Chapter I](/poetry/chapter-i)_, whilst not conforming to the traditional standard for haiku of 5,7,5 syllables it is in the same vein. Hopefully more will become apparent as the remaining chapters are released!
|
||||
|
||||
[^1]: Import note: I've moved my poetry to this site — getting it all to look right is a task still in progress…
|
||||
|
|
|
|||
19
static/standalone/project-prime/animate.js
Normal file
19
static/standalone/project-prime/animate.js
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
var counter = 0;
|
||||
|
||||
function startup() {
|
||||
setInterval('animate()',10);
|
||||
}
|
||||
|
||||
function animate() {
|
||||
var is;
|
||||
var mult;
|
||||
var cells = document.getElementsByTagName('polygon');
|
||||
for (cell in cells) {
|
||||
if (cell >= 0) {
|
||||
is = cells[cell].getAttribute('rel');
|
||||
mult = Math.cos((1 - is) * counter * 0.05);
|
||||
cells[cell].setAttribute('fill-opacity',1- mult*mult*(1 - is));
|
||||
}
|
||||
}
|
||||
counter++;
|
||||
}
|
||||
27
static/standalone/project-prime/index.html
Normal file
27
static/standalone/project-prime/index.html
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Project Prime - The Conclusion</title>
|
||||
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
||||
<meta http-equiv="Content-language" content="en" />
|
||||
<meta name="title" content="Project Prime" />
|
||||
<meta name="description" content=" A collaborative art project, based on people's opinions of poetry by me, Cy Densham." />
|
||||
<link rel="image_src" href="prime.png" />
|
||||
<link rel="stylesheet" rev="stylesheet" href="quizical.css" media="screen">
|
||||
<link rel="stylesheet" rev="stylesheet" href="thepiece.css" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
<div id="content">
|
||||
<h1>Project Prime</h1>
|
||||
<h2>The Conclusion</h2>
|
||||
<embed class="svgex" src="prime.svg" type="image/svg+xml" frameborder="no" align="middle" width="860" height="500" id="sv"/>
|
||||
<div id="describe">
|
||||
<p>Project Prime is a collaborative artwork, initiated by <a href="http://twitter.com/CyDensham" target="twitter">Cy Densham</a> based on four of his <a href="https://www.byJP.me/poetry/" target="poetry">poems</a>, Chapters <a href="https://www.byjp.me/poetry/chapteri" target="poetry">I</a>, <a href="https://www.byjp.me/poetry/chapterii" target="poetry">II</a>, <a href="https://www.byjp.me/poetry/chapteriii" target="poetry">III</a> and <a href="https://www.byjp.me/poetry/chapteriv" target="poetry">IV</a>.</p>
|
||||
<p>Though they are, perhaps, uninspiring names they were chosen to allow readers (in particular the collaborative artists involved with this work) to form their own interpretations and impressions of the short collections of words within. Over the course of several weeks <strong>44</strong> people submitted a little information about themselves and their impressions of each of the pieces.</p>
|
||||
<p>Each person is represented in the artwork below by a coloured shape. Each shape's centre is placed on the canvas according to their age, with older people towards the right, younger to the left, the first people to collaborate nearer the bottom and the last nearer the top. The colour of the shape shows their preference towards each poem - the stronger the primary colour the more they liked that poem; red for Chapter II, green for Chapter III and blue for Chapter IV. Chapter I has is preference shown by transparency, the faster a shape pulses the more it was liked by the person it represents.</p>
|
||||
|
||||
<p>If you enjoy our work, share it and by all means contact me directly <a href="http://twitter.com/CyDensham" target="twitter">on twitter</a>, I'll be sure to 'retweet' your thoughts to anyone following me.</a></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
BIN
static/standalone/project-prime/prime.png
Normal file
BIN
static/standalone/project-prime/prime.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 88 KiB |
48
static/standalone/project-prime/prime.svg
Normal file
48
static/standalone/project-prime/prime.svg
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<?xml version="1.0" standalone="no"?>
|
||||
<svg onload="startup()" viewBox = "0 0 860 500" version = "1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="860" height="500">
|
||||
<script>var counter = 0;function startup() {animate()}; function animate() {var is;var mult;var cells = document.getElementsByTagName('polygon');for (cell in cells) {if (cell >= 0) {is = cells[cell].getAttribute('rel');mult = Math.cos((1 - is) * counter * 0.05);cells[cell].setAttribute('fill-opacity',1- mult*mult*(1 - is));}}counter++;setTimeout('animate()',60)}</script>
|
||||
<polygon id="cell-1" points = " 443,500 769,500 631,419 622,415 458,444" rel="0.11" fill-opacity="0.11" style="fill:rgb(217,245,168);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-2" points = " 358,500 358,500 443,500 458,444 409,430" rel="0.84" fill-opacity="0.84" style="fill:rgb(134,54,91);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-3" points = " 287,500 358,500 409,430 382,374 321,408" rel="0.22" fill-opacity="0.22" style="fill:rgb(163,143,130);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-4" points = " 0,500 204,500 201,462 144,393 0,410" rel="0.46" fill-opacity="0.46" style="fill:rgb(163,186,167);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-5" points = " 201,462 204,500 287,500 321,408 246,348" rel="0.44" fill-opacity="0.44" style="fill:rgb(167,218,242);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-6" points = " 382,370 382,374 409,430 458,444 622,415 527,331 444,316 439,316 423,317" rel="0.33" fill-opacity="0.33" style="fill:rgb(93,129,205);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-7" points = " 144,393 201,462 246,348 246,326 154,274 145,278" rel="0.61" fill-opacity="0.61" style="fill:rgb(156,182,160);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-8" points = " 0,343 0,410 144,393 145,278 72,287" rel="0.65" fill-opacity="0.65" style="fill:rgb(120,136,195);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-9" points = " 321,408 382,374 382,370 281,307 246,326 246,348" rel="0.04" fill-opacity="0.04" style="fill:rgb(213,186,231);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-10" points = " 382,370 423,317 422,316 360,276 334,270 286,299 281,307" rel="0.32" fill-opacity="0.32" style="fill:rgb(154,255,221);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-11" points = " 360,276 422,316 412,252 409,240 399,230 383,231" rel="0.40" fill-opacity="0.40" style="fill:rgb(107,143,115);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-12" points = " 444,316 527,331 523,237 473,232" rel="0.40" fill-opacity="0.40" style="fill:rgb(168,225,213);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-13" points = " 439,316 444,316 473,232 467,229 461,228 451,236" rel="0.30" fill-opacity="0.30" style="fill:rgb(98,146,108);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-14" points = " 154,274 246,326 281,307 286,299 273,211 248,197 247,197 170,218" rel="0.46" fill-opacity="0.46" style="fill:rgb(136,131,141);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-15" points = " 527,331 622,415 631,419 586,165 536,201 523,237" rel="0.26" fill-opacity="0.26" style="fill:rgb(189,192,194);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-16" points = " 422,316 423,317 439,316 451,236 450,236 412,252" rel="0.19" fill-opacity="0.19" style="fill:rgb(174,132,108);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-17" points = " 334,270 360,276 383,231 355,215 336,221" rel="0.19" fill-opacity="0.19" style="fill:rgb(140,232,173);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-18" points = " 286,299 334,270 336,221 312,202 273,211" rel="0.31" fill-opacity="0.31" style="fill:rgb(140,215,156);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-19" points = " 409,240 412,252 450,236 427,227" rel="0.44" fill-opacity="0.44" style="fill:rgb(119,132,142);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-20" points = " 631,419 769,500 773,500 717,0 714,0 586,165" rel="0.00" fill-opacity="0.00" style="fill:rgb(207,235,241);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-21" points = " 0,343 72,287 0,102" rel="0.19" fill-opacity="0.19" style="fill:rgb(171,185,151);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-22" points = " 427,227 450,236 451,236 461,228 448,206 436,206" rel="0.82" fill-opacity="0.82" style="fill:rgb(182,182,107);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-23" points = " 399,230 409,240 427,227 436,206 431,201 402,208" rel="0.14" fill-opacity="0.14" style="fill:rgb(181,207,226);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-24" points = " 467,229 473,232 523,237 536,201 481,176" rel="0.31" fill-opacity="0.31" style="fill:rgb(165,87,141);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-25" points = " 773,500 860,500 860,0 717,0" rel="0.39" fill-opacity="0.39" style="fill:rgb(172,212,136);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-26" points = " 355,215 383,231 399,230 402,208 382,168" rel="0.45" fill-opacity="0.45" style="fill:rgb(150,163,124);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-27" points = " 448,206 461,228 467,229 481,176 477,173" rel="0.37" fill-opacity="0.37" style="fill:rgb(139,165,113);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-28" points = " 72,287 145,278 154,274 170,218 139,128 0,8 0,102" rel="0.39" fill-opacity="0.39" style="fill:rgb(137,147,120);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-29" points = " 382,168 402,208 431,201 417,145 407,140 384,149" rel="0.08" fill-opacity="0.08" style="fill:rgb(61,130,61);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-30" points = " 431,201 436,206 448,206 477,173 464,151 417,145" rel="0.45" fill-opacity="0.45" style="fill:rgb(104,161,93);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-31" points = " 312,202 336,221 355,215 382,168 384,149 333,132 333,133" rel="0.41" fill-opacity="0.41" style="fill:rgb(138,215,187);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-32" points = " 248,197 273,211 312,202 333,133 300,140" rel="0.46" fill-opacity="0.46" style="fill:rgb(178,154,168);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-33" points = " 170,218 247,197 245,125 243,121 193,114 139,128" rel="0.00" fill-opacity="0.00" style="fill:rgb(114,215,175);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-34" points = " 247,197 248,197 300,140 245,125" rel="1.00" fill-opacity="1.00" style="fill:rgb(15,12,9);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-35" points = " 478,131 464,151 477,173 481,176 536,201 586,165 714,0 708,0" rel="0.19" fill-opacity="0.19" style="fill:rgb(228,61,0);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-36" points = " 243,121 245,125 300,140 333,133 333,132 330,118 275,69" rel="0.17" fill-opacity="0.17" style="fill:rgb(109,171,42);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-37" points = " 407,140 417,145 464,151 478,131 432,57 424,58" rel="0.00" fill-opacity="0.00" style="fill:rgb(217,217,221);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-38" points = " 432,57 478,131 708,0 605,0" rel="0.21" fill-opacity="0.21" style="fill:rgb(17,108,57);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-39" points = " 330,118 333,132 384,149 407,140 424,58 417,54 341,96" rel="0.24" fill-opacity="0.24" style="fill:rgb(94,55,190);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-40" points = " 193,114 243,121 275,69 261,7" rel="0.39" fill-opacity="0.39" style="fill:rgb(152,255,255);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-41" points = " 275,69 330,118 341,96 339,0 261,0 261,7" rel="0.49" fill-opacity="0.49" style="fill:rgb(144,186,170);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-42" points = " 139,128 193,114 261,7 261,0 0,0 0,8" rel="0.14" fill-opacity="0.14" style="fill:rgb(0,145,142);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-43" points = " 341,96 417,54 371,0 339,0" rel="1.00" fill-opacity="1.00" style="fill:rgb(33,129,190);" stroke = "black" stroke-width = "1"/>
|
||||
<polygon id="cell-44" points = " 417,54 424,58 432,57 605,0 371,0" rel="0.27" fill-opacity="0.27" style="fill:rgb(115,150,171);" stroke = "black" stroke-width = "1"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.2 KiB |
166
static/standalone/project-prime/quizical.css
Normal file
166
static/standalone/project-prime/quizical.css
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
body {
|
||||
color: #333;
|
||||
font-family:verdana,arial,sans-serif;
|
||||
font-size:0.7em;
|
||||
margin:0 0 0 1em;
|
||||
}
|
||||
|
||||
#content {
|
||||
width:43em;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
margin-bottom:4em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color:#08927a;
|
||||
}
|
||||
|
||||
h3 a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
color:#19a39b;
|
||||
}
|
||||
|
||||
p {
|
||||
text-align:justify;
|
||||
}
|
||||
|
||||
#clue {
|
||||
padding:0.4em;
|
||||
text-align:center;
|
||||
font-size:1.2em;
|
||||
border-top:0.2em solid #000;
|
||||
border-bottom:0.2em solid #000;
|
||||
}
|
||||
|
||||
p.important {
|
||||
font-style:italic;
|
||||
background-color:#ffffef;
|
||||
border:1px dashed #aaa;
|
||||
padding:0.2em;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
p.important em {
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
p.why {
|
||||
padding-left:1em;
|
||||
border-left:0.5em solid #eee;
|
||||
padding-right:1em;
|
||||
border-right:0.5em solid #eee;
|
||||
}
|
||||
|
||||
#quiz {
|
||||
min-width:30em;
|
||||
width:42%;
|
||||
}
|
||||
|
||||
div.input {
|
||||
text-align:center;
|
||||
margin-bottom:1.5em;
|
||||
position:relative;
|
||||
}
|
||||
div.input input,div.input select {
|
||||
border:1px solid #ddd;
|
||||
text-align:center;
|
||||
font-size:1.5em;
|
||||
background-color:#fafaff;
|
||||
}
|
||||
|
||||
div.input option {
|
||||
background-color:#fafaff;
|
||||
}
|
||||
|
||||
#counter {
|
||||
position:absolute;
|
||||
top:0.6em;
|
||||
right:1.2em;
|
||||
}
|
||||
|
||||
div.slider .knob {
|
||||
background-color:#eee;
|
||||
border:1px solid #aaa;
|
||||
height:2em;
|
||||
width:1.2em;
|
||||
top:-1em;
|
||||
line-height:1.8em;
|
||||
text-align:center;
|
||||
font-family:tahoma;
|
||||
color:#777;
|
||||
}
|
||||
|
||||
div.slider {
|
||||
position:relative;
|
||||
border:1px solid #eee;
|
||||
height:0.2em;
|
||||
top:0.4em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align:center;
|
||||
margin-top:2em;
|
||||
}
|
||||
|
||||
.ie {
|
||||
background-color:#efefff;
|
||||
border:1px dashed #aaa;
|
||||
padding:0.2em;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#share {
|
||||
position:fixed;
|
||||
right:10px;
|
||||
top:10px;
|
||||
}
|
||||
|
||||
#sofarcont {
|
||||
position:fixed;
|
||||
text-align:center;
|
||||
bottom:4px;
|
||||
left:0px;
|
||||
right:0px;
|
||||
}
|
||||
|
||||
#sofar {
|
||||
padding:0.40em;
|
||||
color:#ccc;
|
||||
font-family:georgia;
|
||||
border-left:3px solid;
|
||||
border-right:3px solid;
|
||||
background-color:#fff;
|
||||
padding:5px 10px;
|
||||
}
|
||||
|
||||
#sofar em {
|
||||
color:#888;
|
||||
}
|
||||
#sofar strong {
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
#sofar em:before {
|
||||
content:'“';
|
||||
font-size:4em;
|
||||
position:relative;
|
||||
top:0.5em;
|
||||
font-style:normal;
|
||||
color:#eee;
|
||||
}
|
||||
|
||||
#sofar em:after {
|
||||
content:'”';
|
||||
font-size:4em;
|
||||
position:relative;
|
||||
top:0.5em;
|
||||
font-style:normal;
|
||||
color:#eee;
|
||||
}
|
||||
95
static/standalone/project-prime/thepiece.css
Normal file
95
static/standalone/project-prime/thepiece.css
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
#content {
|
||||
width:860px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align:center;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#comments {
|
||||
position:relative;
|
||||
font-family:georgia;
|
||||
margin:25px 2px;
|
||||
}
|
||||
|
||||
#info {
|
||||
font-size:15px;
|
||||
color:#999;
|
||||
font-style:italic;
|
||||
margin-left:80px;
|
||||
}
|
||||
|
||||
#info small {
|
||||
color:#aaa;
|
||||
}
|
||||
|
||||
#comment {
|
||||
height:30px;
|
||||
font-size:20px;
|
||||
color:#000;
|
||||
font-style:normal;
|
||||
}
|
||||
|
||||
#comment em {
|
||||
color:#bbb;
|
||||
}
|
||||
|
||||
#numberbox {
|
||||
background-color:#fff;
|
||||
width:75px;
|
||||
min-height:75px;
|
||||
position:relative;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#numbercont {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
font-size:15px;
|
||||
padding:3px;
|
||||
display:inline;
|
||||
position:absolute;
|
||||
height:20px;
|
||||
min-width:20px;
|
||||
right:1px;
|
||||
top:1px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#a {
|
||||
position:absolute;
|
||||
top:1px;
|
||||
left:48px;
|
||||
right:27px;
|
||||
height:6px;
|
||||
background-color:#eee;
|
||||
border-left:1px solid black;
|
||||
}
|
||||
#r {
|
||||
position:absolute;
|
||||
top:7px;
|
||||
left:48px;
|
||||
right:27px;
|
||||
height:6px;
|
||||
background-color:#f00;
|
||||
border-left:1px solid black;
|
||||
}
|
||||
#g {
|
||||
position:absolute;
|
||||
top:13px;
|
||||
left:48px;
|
||||
right:27px;
|
||||
height:6px;
|
||||
background-color:#3aab40;
|
||||
border-left:1px solid black;
|
||||
}
|
||||
#b {
|
||||
position:absolute;
|
||||
top:19px;
|
||||
left:48px;
|
||||
right:27px;
|
||||
height:6px;
|
||||
background-color:#2f2fff;
|
||||
border-left:1px solid black;
|
||||
}
|
||||
Loading…
Reference in a new issue