Stephen Kerr 2 years ago
commit c50352243e

@ -7,30 +7,73 @@
<link href="stylesheet.css" rel="stylesheet"> <link href="stylesheet.css" rel="stylesheet">
</head> </head>
<body> <body>
<h1>cards</h1> <h1></h1>
<section> <section>
<div class="card"> <div class="card">
<h2>body</h2> <h2>SHAHMARAN</h2>
<p class = 'image'><img src='./images/3.jpg'></p> <p class = 'image'><img src='./images/10.jpg'></p>
<p class = 'text'>Some text of this card</p> <p class = 'text'></p>
</div> </div>
<div class="card"> <div class="card">
<h2>panopticon</h2> <h2>RESISTANCE</h2>
<p class = 'image'><img src='./images/2.jpg'></p> <p class = 'image'><img src='./images/11.jpg'></p>
<p class = 'text'>The panopticon is a design of institutional building with an inbuilt system of control!</p> <p class = 'text'></p>
</div>
<div class="card">
<h2>IDENTIFY ME</h2>
<p class = 'image'><img src='./images/9.jpg'></p>
<p class = 'text'></p>
</div>
<div class="card">
<h2>DARLING, DARLING</h2>
<p class = 'image'><img src='./images/7.jpg'></p>
<p class = 'text'></p>
</div>
<div class="card">
<h2>I HAD A DREAM</h2>
<p class = 'image'><img src='./images/4.jpg'></p>
<p class = 'text'></p>
</div>
<div class="card">
<h2></h2>
<p class = 'image'><img src='./images/1.jpg'></p>
<p class = 'text'></p>
</div> </div>
<div class="card"> <div class="card">
<h2></h2> <h2></h2>
<p class = 'textnoimage'>been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem lorem lorem lorem</p> <p class = 'image'><img src='./images/2.jpg'></p>
<p class = 'text'></p>
</div> </div>
<div class="card"> <div class="card">
<h2>gezi</h2> <h2></h2>
<p class = 'image'><img src='./images/3.jpg'></p> <p class = 'image'><img src='./images/3.jpg'></p>
<p class = 'text'>these are the protests in 2013</p> <p class = 'text'></p>
</div>
<div class="card">
<h2></h2>
<p class = 'image'><img src='./images/5.jpg'></p>
<p class = 'text'></p>
</div>
<br>
<br>
<br>
<div class="card">
<h2></h2>
<p class = 'image'><img src='./images/6.jpg'></p>
<p class = 'text'></p>
</div>
<div class="card">
<h2></h2>
<p class = 'image'><img src='./images/8.jpg'></p>
<p class = 'text'></p>
</div> </div>
</section> </section>

@ -1,59 +1,60 @@
{ {
"cards" : [{ "cards" : [{
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "1.jpg"
}, },
{ {
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "2.jpg"
}, },
{ {
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "3.jpg"
}, },
{ {
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "5.jpg"
}, },
{ {
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "6.jpg"
}, },
{ {
"name" : "body", "name" : "",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "8.jpg"
}, },
{ {
"name" : "body", "name" : "RESISTANCE",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "11.jpg"
}, },
{ {
"name" : "body", "name" : "SHAHMARAN",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "10.jpg"
}, },
{ {
"name" : "body", "name" : "IDENTIFY ME",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "9.jpg"
}, },
{ {
"name" : "body", "name" : "DARLING, DARLING",
"text" : "Some text of this card", "text" : "",
"image": "4.jpg" "image": "7.jpg"
}, },
{ {
"name" : "", "name" : "I HAD A DREAM",
"text" : "been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Lorem lorem lorem lorem", "text" : "",
"image": "" "image": "4.jpg"
}, }
] ]
} }

@ -0,0 +1,56 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="210mm"
height="297mm"
viewBox="0 0 210 297"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="background.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.69130191"
inkscape:cx="390.56742"
inkscape:cy="561.25984"
inkscape:window-width="1920"
inkscape:window-height="974"
inkscape:window-x="-11"
inkscape:window-y="-11"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Katman 1"
inkscape:groupmode="layer"
id="layer1">
<path
sodipodi:type="spiral"
style="fill:#bd24ad;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;fill-opacity:1"
id="path2243"
sodipodi:cx="75.015465"
sodipodi:cy="86.114685"
sodipodi:expansion="1"
sodipodi:revolution="12.9"
sodipodi:radius="79.837006"
sodipodi:argument="-80.264297"
sodipodi:t0="0"
d="m 75.015465,86.114685 c 0.142504,0.919935 -1.169748,0.645956 -1.528993,0.236851 -0.973531,-1.10865 -0.07092,-2.734251 1.055291,-3.294836 2.014537,-1.002756 4.318901,0.39328 5.06068,2.347433 1.08859,2.867799 -0.856503,5.930374 -3.639576,6.826523 -3.709397,1.194426 -7.552067,-1.318423 -8.592366,-4.931718 -1.30911,-4.546962 1.77949,-9.178801 6.22386,-10.358209 5.382727,-1.428422 10.80841,2.240029 12.124053,7.516002 1.55044,6.217551 -2.700232,12.439815 -8.808144,13.889896 C 69.858444,100.0208 62.83785,95.186416 61.25453,88.246341 59.455461,80.360586 64.874565,72.540476 72.646958,70.824758 81.36641,68.89998 89.98688,74.904504 91.834385,83.509328 93.885466,93.062314 87.295009,102.48377 77.857673,104.4626 67.47127,106.64043 57.248363,99.463656 55.138559,89.193743 52.833628,77.974013 60.59702,66.949285 71.699556,64.708786 c 12.05299,-2.432301 23.879829,5.917941 26.2508,17.853139 2.559894,12.886198 -6.37739,25.515385 -19.145281,28.016645 C 65.085714,113.26623 51.653991,103.74175 49.022588,90.141146 46.207017,75.588655 56.318806,61.354236 70.752153,58.592815 86.137746,55.649209 101.17499,66.34842 104.06633,81.614523 107.13807,97.833194 95.851351,113.67338 79.752478,116.69454 62.700748,119.89451 46.057521,108.0202 42.906617,91.088549 39.578342,73.203778 52.040302,55.75743 69.804751,52.476844 88.522548,49.020203 106.77209,62.06987 110.1823,80.66712 113.76736,100.21793 100.12994,119.27073 80.69988,122.81051 60.316064,126.52405 40.459958,112.29883 36.790646,92.035951 32.948591,70.819141 47.761647,50.159676 68.857348,46.360873 90.907145,42.390263 112.37001,57.791189 116.29827,79.719718 120.39747,102.60249 104.40865,124.8688 81.647283,128.92648 57.931535,133.1543 34.861753,116.57755 30.674675,92.983354 26.318206,68.434639 43.482905,44.561352 67.909945,40.244902 93.291621,35.759761 117.96844,53.512429 122.41424,78.772315 127.02808,104.98695 108.68742,130.46733 82.594685,135.04245 55.547101,139.78501 29.263141,120.85634 24.558704,93.930756 19.687418,66.050223 39.204106,38.962661 66.962543,34.128931 95.676021,29.128895 123.5672,49.23362 128.53021,77.824913 133.65901,107.37133 112.96624,136.06615 83.542088,141.15842 53.162728,146.41601 23.664252,125.13517 18.442733,94.878159 13.056358,63.665863 34.925269,33.363717 66.01514,28.01296 c 32.045231,-5.51518 63.15106,16.941816 68.63104,48.86455 5.644,32.87816 -17.40109,64.78769 -50.156689,70.39689 C 50.778399,153.04722 18.065168,129.41403 12.326762,95.825561 6.4251039,61.281542 30.646406,27.764594 65.067738,21.896989 100.44468,15.866487 134.76536,40.675908 140.76215,75.930107 146.92151,112.13998 121.52396,147.26439 85.436893,153.39037 48.3941,159.67858 12.465941,133.6929 6.2107908,96.772964 -0.20629154,58.897249 26.367524,22.165337 64.120335,15.781018 102.82897,9.2350621 140.36464,36.397022 146.87812,74.982705 153.55296,114.52426 125.80285,152.8637 86.384296,159.50634 46.009824,166.31006 6.8666058,137.9718 0.09481978,97.720367 -6.837794,56.512978 22.088627,16.565978 63.172933,9.6650473 105.21324,2.603537 145.96402,32.118122 152.9941,74.035302 c 4.16837,24.854135 -4.06751,50.755588 -21.71718,68.723858"
transform="matrix(1.0012833,0,0,1.0059137,34.064817,51.618319)" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 4.7 KiB

@ -1,27 +1,32 @@
.card .card
{ {
width: 70mm; width: 7.5cm;
height: 95mm; height: 11.5cm;
border: solid 1px black; border: solid 3px black;
border-radius: 10px; border-radius: 0.5cm;
box-shadow: 5px 5px 0px gray;
float: left; float: left;
margin: 2mm;
position: relative; position: relative;
margin: 1mm;
break-inside: avoid;
} }
.card > p.image > img { .card > p.image > img {
width: 50mm; width: 7.5cm;
height: 50mm; height: 10.6cm;
position: absolute; position: absolute;
top: 30mm; top: 10mm;
left: 10mm; border-radius: 10px;
z-index: -1;
display: none;
} }
.card > h2{ .card > h2{
top: 5mm; top: 5mm;
left: 5mm; left: 5mm;
margin: 0; margin: 0;
text-align: center; text-align: center;
padding-top: 5mm; padding-top: 3mm;
font-size: 15px;
font-family:monospace;
display: none;
} }
.card > p.text { .card > p.text {
width: 50mm; width: 50mm;
@ -31,6 +36,7 @@
left: 10mm; left: 10mm;
text-align: center; text-align: center;
margin: 0; margin: 0;
display: none;
} }
.card > p.textnoimage { .card > p.textnoimage {
width: 60mm; width: 60mm;
@ -40,5 +46,6 @@
left: 5mm; left: 5mm;
right: 5mm; right: 5mm;
text-align: center; text-align: center;
font-size: 8; font-size: 6.5;
display: none;
} }

@ -34,6 +34,112 @@
<p id="down" class="down">the coffee</p> <p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'> <img src='./images/coffee.PNG'>
</div> </div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
<div class="card">
<p id="up" class="up">'o ccafè</p>
<p id="down" class="down">the coffee</p>
<img src='./images/coffee.PNG'>
</div>
</section> </section>
</body> </body>
<script> <script>

@ -1,9 +1,8 @@
.card .card
{ {
width: 10cm; width: 8.5cm;
height: 10cm; height: 8.5cm;
border: solid 1px black; border: solid 1px black;
box-shadow: 5px 5px 0px gray;
float: left; float: left;
margin: 2mm; margin: 2mm;
position: relative; position: relative;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 719 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 813 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 385 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 82 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 433 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 81 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 70 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 72 KiB

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

@ -1,4 +1,4 @@
<DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title></title> <title></title>
@ -8,6 +8,10 @@
<link rel="stylesheet" type="text/css" href="print_style.css"> <link rel="stylesheet" type="text/css" href="print_style.css">
</head> </head>
<body> <body>
<div id="contenteo">{{ content }}</div> <div id="contenteo">
{% for section in content %}
<section class="section">{{ section }}</section>
{% endfor %}
</div>
</body> </body>
</html> </html>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 350 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

@ -8,14 +8,17 @@ import jinja2
# print(files) # print(files)
print("---------") print("---------")
all_html = "" all_html = []
all_md = ""
html=[]
folders = glob("./*") folders = glob("*")
stoplist = ["00-booklet", "colophon", "spin-wheel"]
print(folders) print(folders)
for folder in folders: for folder in folders:
if folder in stoplist:
continue
print("...............")
print("current folder!",folder)
files = glob(folder + "/*") files = glob(folder + "/*")
print(files) print(files)
print("************") print("************")
@ -26,9 +29,15 @@ for folder in folders:
print("===========") print("===========")
file = file.replace(" ", "\ ") file = file.replace(" ", "\ ")
print(file) print(file)
md_data = open(file).read() md_data = open(file).read()
all_md += "\n"+md_data #all_md += "\n"+md_data
# use pandoc to turn file into html
pandoc_command = "pandoc -f markdown -t html " + file
html_data = subprocess.check_output(pandoc_command, shell=True, text=True,encoding="utf-8")
print("html has been generated!")
all_html.append(html_data)
elif file.endswith((".jpg",".png")): elif file.endswith((".jpg",".png")):
print("image found yay",file) print("image found yay",file)
output_file=file.replace(folder,"./00-booklet") output_file=file.replace(folder,"./00-booklet")
@ -37,30 +46,18 @@ for folder in folders:
print("copied to booklet!",copy_command) print("copied to booklet!",copy_command)
#create booklet.md
output = open("00-booklet/booklet.md", "w")
output.write(all_md)
output.close()
print("booklet md files saved!")
# use pandoc to convert booklet.md to html
pandoc_command = "pandoc --toc -f markdown -t html 00-booklet/booklet.md"
#html_data = subprocess.run(pandoc_command, capture_output=True, text=True).stdout
html_data = subprocess.check_output(pandoc_command, shell=True, text=True,encoding="utf-8")
print("html has been generated!")
#print("html data!", html_data)
#html to template environment #html to template environment
env = jinja2.Environment(loader=jinja2.FileSystemLoader("00-booklet")) env = jinja2.Environment(loader=jinja2.FileSystemLoader("00-booklet"))
template = env.get_template("booklet.template.html") template = env.get_template("booklet.template.html")
booklet_html = template.render(content=html_data) booklet_html = template.render(content=all_html)
print("this is the html: ", booklet_html) #print("this is the html: ", booklet_html)
output = open("00-booklet/booklet.html", "w") output = open("00-booklet/booklet.html", "w")
output.write(booklet_html) output.write(booklet_html)
output.close() output.close()
print("booklet html files saved!") print("booklet html files saved!")
#take all the css files and write to main css #take all the css files and write to main css

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 MiB

@ -11,25 +11,46 @@
<!--P5.MIN.JS--> <!--P5.MIN.JS-->
<script src="p5.min.js" ></script> <script src="p5.min.js" ></script>
<script> <script>
console.log("hey there"); var allQuestions=[];
var questions = new XMLHttpRequest();
questions.open('GET', './list.txt');
questions.onreadystatechange = function() {
allQuestions=questions.responseText.split("\n");
}
questions.send();
console.log("hey there");
function preload(){ function preload(){
img=loadImage('wheel.svg') img=loadImage('wheel.svg');
} }
function setup() { function setup() {
var canvas = createCanvas(windowWidth/2, windowHeight/2); var canvas = createCanvas(windowWidth/2, windowHeight/2);
canvas.parent("wheel"); canvas.parent("wheel");
} }
var spinning = 1; var spinning = 2000;
var currentSpinning = 0; var currentSpinning = 0;
var spinonoff = false;
function spin(){ function spin(){
spinning = 1800 + random(0,500); spinning = 1800 + random(0,500);
currentSpinning = 0; currentSpinning = 0;
spinonoff = true;
} }
function card(){ function card(){
rect(0, 0, 55, 55); // rect(0, 0, 55, 55);
console.log("hey pop up here"); var popup=document.getElementById("popup");
popup.style.display="block";
var popuptext=document.getElementById("popuptext");
popuptext.innerHTML=allQuestions[Math.floor(Math.random()*allQuestions.length)];
console.log(popup);
currentSpinning = 0;
spinonoff=false;
}
function closepopup(){
var popup=document.getElementById("popup");
popup.style.display="none";
console.log("closing");
} }
function draw() { function draw() {
clear(); clear();
@ -37,13 +58,17 @@ function draw() {
imageMode(CENTER); imageMode(CENTER);
angleMode(DEGREES); angleMode(DEGREES);
translate (windowWidth/4, windowHeight/4); translate (windowWidth/4, windowHeight/4);
if (spinonoff==true){
rotate(currentSpinning); rotate(currentSpinning);
image (img,0,0,250,250);
currentSpinning = currentSpinning+10; currentSpinning = currentSpinning+10;
console.log(spinning,currentSpinning);
if (currentSpinning > spinning){ if (currentSpinning > spinning){
currentSpinning = spinning; currentSpinning = spinning;
card(); card();
} }
}
image (img,0,0,250,250);
} }
</script> </script>
</head> </head>
@ -56,17 +81,23 @@ function draw() {
<p>This exercise you are about to start revolves around healing, in a sense of reconnecting to what is essential and authentic about yourself. As we understand the true nature of our suffering, we can evoke compassion for ourselves as we move through our uncomfortable feelings on the path to healing and peace. <p>This exercise you are about to start revolves around healing, in a sense of reconnecting to what is essential and authentic about yourself. As we understand the true nature of our suffering, we can evoke compassion for ourselves as we move through our uncomfortable feelings on the path to healing and peace.
<br>
<br>I will be guiding you through a series of carefully collected questions written by different authors, some well-known and others unknown. You begin the exercise by spinning the Wheel of Fortune. After a few seconds, a question appears on the screen. Then, you take a photo slide from the deck and try to think of an answer to that question by looking at it and the tiny film simultaneously.</p> <br>I will be guiding you through a series of carefully collected questions written by different authors, some well-known and others unknown. You begin the exercise by spinning the Wheel of Fortune. After a few seconds, a question appears on the screen. Then, you take a photo slide from the deck and try to think of an answer to that question by looking at it and the tiny film simultaneously.</p>
</div> </div>
<button class="spin-wheel" onclick="spin()" > Spin</button> <button class="spin-wheel" onclick="spin()" > Spin</button>
<div id="wheel"></div> <div id="wheel"></div>
<div id="popup">
<h1 id="popuptext"></h1>
<button class="close" onclick="closepopup()" > Close</button>
</div>
<div class="bg-text-bottom"> <div class="bg-text-bottom">
<h2>Here are a few things I prepared for you before you begin:</h2> <h2>Here are a few things I prepared for you before you begin:</h2>
<p> <p>1. Have a strong sense of intention to commit to this exercise for some time.
<br>1. Have a strong sense of intention to commit to this exercise for some time.
<br>2. Find a quiet room, free of distraction. <br>2. Find a quiet room, free of distraction.
<br>3. Get a notebook and a pen. Handwriting will engage your mind more actively and profoundly, help you connect with yourself, and enable the tracing of your progress over time.</p> <br>3. Get a notebook and a pen. Handwriting will engage your mind more actively and profoundly, help you connect with yourself, and enable the tracing of your progress over time.</p>

@ -0,0 +1,189 @@
What do I want?
Why do you do what you do each day?
What do you think youre here for?
What are you doing with this day, today?
What are you searching for?
What are you looking at?
Have you learned something new today? This week?
What filters would you apply?
Is this what you really want to do or it is your way of delaying your realisation?
What if you were a pirate?
If you could be any animal for a day, which one would you choose and why?
If you could be any animal for a day, how would you experience the world differently?
Do you speak horse language? (wild question)
If you were Kim, who would that person be? (wild question)
What does your body need today?
What does your mind need today?
What does your soul need today?
If your life was a treasure hunt, what would you be searching for?
What is your personality?
What would a person that loves you tell you if know youre suffering?
If you were in search of a new identity, what clues would you need to find it?
If you could see the world through the eyes of any animal, which one would you choose and why?
If you were a pirate, what kind of treasure would you be searching for?
If you were a pirate, what obstacles would you face on your journey?
If you owned a boat, to which destination you would go first and why?
Think of your favourite food. How does it make you feel when looking at it? And when eating it?
What is one "yes" that you've been ignoring lately?
What advice would I give to someone else who is experiencing loss?
What emotions have I been experiencing lately?
How has my relationship with others changed in the last 5 years?
How have my thoughts and beliefs about life and death changed in the last 5 years?
What positive memories can I hold on to about a person Ive lost?
What activities or hobbies bring me comfort in times of grief?
How can I take care of myself during this difficult time?
What were the 6 things you wanted to be when you were a kid?
What is time? How can you describe it?
What is beauty? How can you describe it?
What is happiness? How can you describe it?
What is love? How can you describe it?
What is faith? How can you describe it?
What is hope? How can you describe it?
What is fear? How can you describe it?
What is play? How can you describe it?
What is a ritual? How can you describe it?
What is a game? How can you describe it?
How does your body feel when you are in pain?
How does your body feel when you are in love?
How does your body feel when you are anxious?
Do you talk negatively to yourself?
Are you mean to yourself? If yes, why? If not, also why?
Think of all your past partners. What are some qualities and traits they had in common?
Is sex usually the best aspect of a relationship or the worst for you?
What do your friends say about your partners?
Did you ever have any kind of unwanted touch from a friend, a partner or a family member?
Did you ever have any kind of unwanted touch from a stranger?
What does sex mean for you?
How does sex make you feel?
What words, metaphors or images do you associate with sex?
What is your attitude towards your body?
Do you have any tendencies for self-sabotage, procrastination or self-doubt?
Have you tried to get advice, help or guidance from professionals?
Do you sometimes feel like a victim?
How much sex is normal for you?
Were your first sexual experiences positive or negative?
How did you learn about sexuality?
What are your own personal values around sexuality?
What losses have you experienced in your life, and how have you coped with them in the past?
What self-care practices can you incorporate into your daily routine to help you cope with grief?
What self-care practices can you incorporate into your daily routine to help you cope with anxiety?
What new perspectives have you gained about life as a result of loss in the past?
What triggers your feelings of grief, and how can you manage them when they arise?
How has your sense of identity been affected by a loss?
How can you stay connected to someone you lost even though they are no longer physically present?
What role does forgiveness play in your healing process after experiencing loss?
What can you do to take care of your physical health during times of grieving?
How can you create a support network that will help you through difficult times?
What have your friends taught you about friendship?
What have your friends taught you about life?
What have your friends taught you about love?
What have your parents taught you about friendship?
What ideas have changed your life?
What subconscious behaviours are keeping you from the life you want?
In which direction has your life expanded in the last five years?
Are you afraid of being who you truly are?
Have you adapted to a certain way of thinking?
Do you suppress your feelings?
Have your thoughts been chosen for you?
Who do you trust? Why?
Have you forced yourself to forget something painful?
What is art for?
What are friends for?
What sort of things have made you envious recently?
What is making you passionate about your life and the world?
What bothers you (in the world)?
How would you like to shape this world?
What is your favourite place in the world? Why?
How do you feel when you are there?
What do you love to do?
What main activities keep you busy?
When (if) do you experience flow?
Which things give you energy?
Which things inhibit you? What is holding you back?
Which 3 thoughts made you smile today?
Which 5 things are you most grateful for?
How do people see you differently than you see yourself?
What are the 3 characteristics you hope others see in you?
Who has qualities you aspire to develop? Who inspires you?
Whats the one thing you cant live without? Why?
What are your core values?
Are you being true to your values?
Who or what has helped you on your path?
Who or what can help you on your path ahead?
Which things do you think you need luck for?
How could you achieve them without luck?
What are 3 things that are always on your to-do list?
What nice thing did you do for someone else in the past 24 hours?
Who do you want/need in your peer group?
What is your most precious possession? Why?
Who in your life do you trust the most?
What is your addiction?
What is your biggest fuck-up?
What makes you sad?
What is the most adventurous thing you have ever done?
What are the things you want to be? Why?
Whats stopping you from doing the things you should be doing?
Which things do you have room for in your life?
What things do you need to make room for in your life?
What has been important to you so far in life?
What is your secret magic power?
What character are you playing in this world?
What job would you be excited to share with others?
What did you want to be when you were younger? How does what you do now relate to this?
What did you love to do as a kid?
Which 3 people have had a major influence on you?
Which 2 events have had a major influence on you?
What is your big idea? Why this big idea?
What is your secret big dream?
What makes you happy?
What gives you courage?
What gives you strength?
What gives you joy?
What are the 3 thoughts that you have a lot?
What character trait do you have that pushes people away?
In what areas of your life are you settling?
Which 3 things are you proud of?
Which 2 compliments do you often get?
Where do you go to recharge your batteries?
When are you at your most productive?
Whats your favourite book/movie/game? Why?
Who motivates you most in life?
What is inspiration to you?
When do you feel inspired?
How do you feel when you are inspired?
In which areas of your life would you like to experience more inspiration, and why?
What things do you think it is too late for?
What do you want to achieve?
What were three situations where you persevered even when the odds were against you?
What would you like to experience in your life?
What is most important to you at this moment?
What would you like to learn in life?
What am I not saying “no” to in my life's important areas?
With whom and in what situations do I find it most difficult to say no?
Do you beat yourselves up after saying “no” to someone or something?
What do I miss out on due to my inability to assert myself?
What bodily symptoms have I been overlooking?
What is the hidden story behind my inability to say no?
What are the limiting core beliefs you constructed about yourself?
What must I believe about myself to deny my own needs this way?
Are you responsible for other people's feelings and experiences?
Where did I learn these stories about myself?
Where have I ignored the yes that wanted to be said?
What desire to play or explore we have ignored or what joys we have denied ourselves?
What scares you?
One question you are afraid to ask?
Have you ever been scared of showing someone how much they mean to you?
Do you feel hard to love?
Did you really think it would be different this time?
Who is the first person you want to share good news with?
Who is the first person you want to share bad news with?
Who are you avoiding?
Whats a compliment you still remember?
Who is your comfort person?
What title would you give to this chapter of your life?
Who do you wish you were with right now?
What is a dream youve let go of?
What title would you give to this chapter of your sex life?
How would you describe the feeling of being in love in one word?
You know youre in love when____?
What would your younger self not believe about your life today?

@ -54,11 +54,33 @@ html {
text-align: center; text-align: center;
} }
.spin-wheel{ button{
color:antiquewhite;
background-color:cyan;
position: center; position: center;
} top:6%;
left:50%;
transform: translate(-50%,0);
width: 100px;
height:40px;
position: relative;
z-index: 2;
font-family: monospace;
}
#popup{
position: fixed;
top: 50%;
left: 50%;
width: 5cm;
height: 5cm;
background-color: azure;
z-index: 3;
transform: translate(-50%,-50%);
display: none;
}
h1 { h1{
position: relative; position: relative;
margin-top: 5%; margin-top: 5%;
text-align: center; text-align: center;
@ -75,9 +97,7 @@ html {
p { p {
text-align: center; text-align: center;
font-family: fantasy; font-family: monospace;
color:antiquewhite; color:antiquewhite;
padding:10%; padding: 5%;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.5 MiB

Loading…
Cancel
Save