Boyana 2 years ago
commit f577324d05

File diff suppressed because it is too large Load Diff

@ -8,9 +8,27 @@
<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"> <section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
<section class="toc">
<h2>Contents</h2>
<ul>
{% for title in titles %}
<li class="toc-title"><a href="#{{ title }}">{{ title }}</a></li>
{% endfor %}
</ul>
</section>
<div id="contenteo"></div>
{% for section in content %} {% for section in content %}
<section class="section">{{ section }}</section> {% if loop.index > 1 %}
<section class="section" id="{{ titles[loop.index] }}">
<h1>{{ titles[loop.index] }}</h1>
</section>
<section class="section" id="{{ titles[loop.index] }}">
{{ section }}
</section>
{% endif %}
{% endfor %} {% endfor %}
</div> </div>
</body> </body>

@ -99,7 +99,7 @@ h1,h2,h3,h4,h5,h6{
h1{ h1{
font-size: 1.8rem; font-size: 1.8rem;
break-before: left; break-before: left;
break-after: right; /* break-after: right; */
background-color: var(--spot-color-1); background-color: var(--spot-color-1);
color: #fff; color: #fff;
height: 186mm; height: 186mm;
@ -117,3 +117,12 @@ section{
background-color: var(--spot-color-1); background-color: var(--spot-color-1);
color: #ccc; color: #ccc;
} }
.toc-title{
break-before: none;
break-after: none;
}
.toc-title a::after{
content: target-counter(attr(href url), page);
float: right;
}

@ -24,7 +24,11 @@ Another thing that came out of our first two sessions was the ONE SENTENCE RITUA
![Candles Tarot Joysticks](Candlestarotjoysticks.png) ![Candles Tarot Joysticks](Candlestarotjoysticks.png)
![Cookies Questions Tea.jpeg](Cookies-Questions-Tea.jpeg) ![Cookies Questions Tea.jpeg](Cookies-Questions-Tea.jpeg)
![Graph](Game-ritual-graph-2.jpeg) ![Graph](Game-ritual-graph-2.jpeg)
![Map](map.jpeg) ![Map](map.jpeg)
::::: :::::

@ -2,6 +2,7 @@ from glob import glob
import os import os
import subprocess import subprocess
import jinja2 import jinja2
import json
# https://devdocs.io/python~3.9/library/glob#glob.glob # https://devdocs.io/python~3.9/library/glob#glob.glob
# files = glob("content/**", recursive=True) # files = glob("content/**", recursive=True)
@ -16,6 +17,7 @@ all_html = []
folders = open('./00-booklet/section-order.txt').read().splitlines() folders = open('./00-booklet/section-order.txt').read().splitlines()
stoplist = ["00-booklet", "spin-wheel"] stoplist = ["00-booklet", "spin-wheel"]
# print(folders) # print(folders)
titles = []
for folder in folders: for folder in folders:
if folder in stoplist: if folder in stoplist:
@ -32,8 +34,17 @@ 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, encoding='utf-8').read()
#all_md += "\n"+md_data
#grab metadatas
metapandoc = f"pandoc {file} --template=./00-booklet/pandoc-metadata.template"
file_metadata = subprocess.check_output(metapandoc, shell=True, text=True,encoding="utf-8")
print("You did it! You fount the metadata, good job. Its:", file_metadata)
try:
file_dictionary = json.loads(file_metadata)
titles.append(file_dictionary["title"])
except KeyError as err:
print(err)
# use pandoc to turn file into html # use pandoc to turn file into html
pandoc_command = "pandoc -f markdown -t html " + file pandoc_command = "pandoc -f markdown -t html " + file
@ -41,7 +52,7 @@ for folder in folders:
print("html has been generated!") print("html has been generated!")
all_html.append(html_data) all_html.append(html_data)
elif file.endswith((".jpg",".png")): elif file.endswith((".jpg",".png",".jpeg",".jfif",".bmp")):
print("image found yay",file) print("image found yay",file)
output_file=file.replace(folder,"./00-booklet") output_file=file.replace(folder,"./00-booklet")
copy_command=f"cp {file} {output_file}" copy_command=f"cp {file} {output_file}"
@ -50,12 +61,12 @@ for folder in folders:
#html to template environment #html to template environment
print("Los titlos: ", titles)
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=all_html) booklet_html = template.render(content=all_html,titles=titles)
#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",encoding="utf-8")
output.write(booklet_html) output.write(booklet_html)
output.close() output.close()
print("booklet html files saved!") print("booklet html files saved!")

@ -8,20 +8,23 @@ author: Boyana and Cara
# Holographic Oracle Deck # Holographic Oracle Deck
## 'Crystals & Energy' is a holographic oracle deck exploring a range of energy sources through the magical (mystical) nature of crystals as energy-storing matter ## 'Crystals & Energy' is a holographic oracle deck exploring a range of energy sources through the magical (mystical) nature of crystals as energy-storing matter
'Crystals & Energy' is a holographic oracle deck exploring a range of energy sources through the magical (mystical) nature of crystals and minerals as energy-storing matter. 'Crystals & Energy' is a holographic oracle deck exploring a range of energy sources through the nature of crystals and minerals as energy-storing matter.
Lidia and Artemis, Special Issue 20 guest editors, asked us to modify an oracle deck of our choice. We, Cara and Boyana, prototyped a holographic oracle deck where a type of crystal is coupled with a type of energy resource in a single card in an attempt to talk about the global energy crisis we are facing today. It (the deck) provides an educational experience through the use of a DIY prism and complimentary audiovisual materials, together serving as an immersive learning environment. Lidia and Artemis, Special Issue 20 guest editors, asked us to modify an oracle deck of our choice. We, Cara and Boyana, prototyped a holographic oracle deck where a type of crystal is coupled with a type of energy resource in a single card in an attempt to talk about the global energy crisis we are facing today. It was important to us to provide multiple perspectives not only on how energy is used, but where and under what conditions it is sourced. We attempted this by using crystals sourced in particular areas to provide a specific insight and perspective onto a facet of the global energy eco-system. In practice, our deck provides an educational experience through the use of a DIY prism and complimentary audiovisual materials, which serve to create an immersive learning environment.
After a quick research, we decided to couple Aquamarine and Liquified Natural Gas (LNG) which we thought would fit nicely as a first example of such a card. After a quick research, we decided to couple Aquamarine and Liquified Natural Gas (LNG) which we thought would fit nicely as a first example of such a card.
Why Aquamarine? It looks like water that has been crystallised; stored energy; compression; solidified; being put under pressure or exposed to a specific temperature so that it changes its state (from liquid to solid). ***Why Aquamarine?***
Why LNG? It is natural gas that has been liquified; compressed; liquified; being put under pressure or exposed to a specific temperature so it changes its state (from gas to liquid); stores energy that can be channelled later. It looks like water that has been crystallised; stored energy; compression; solidified; being put under pressure or exposed to a specific temperature so that it changes its state (from liquid to solid).
Then, we wrote a short poem weaving the two elements into the everyday narrative. Later this poem served as a script to create a voice narration (one-minute-long audio piece) that went into the video creation process. Although the final text is a slight deviation from our initial idea, we felt inspired by the conversation we had with Steve earlier that day. He talked about his childhood memories of collecting rocks in notebooks, perhaps similar to what geologists do when they document their discoveries. He also mentioned a few things about caverns and a mine (later turned into a museum) located near the city where he used to live. ***Why LNG?***
It is natural gas that has been liquified; compressed; liquified; being put under pressure or exposed to a specific temperature so it changes its state (from gas to liquid); stores energy that can be channelled later.
To visualise the card, we used a hologram video maker app. The process was easy and fun. All we had to do was simply find a hi-res image of the Aquamarine crystal on a black surface and upload it into the app. Lastly, we made a model of a pyramid prism so that we can demonstrate the prototype fully. To get the full holographic effect, we had to put it on top of a phone screen and play the video, which we uploaded on YouTube and embedded the link onto a website. Next, we wrote a short poem weaving these two elements into an everyday narrative. Later, this poem served as a script to create a voice narration (a one-minute-long audio piece) that went into the video creation process. Although the final text deviates slightly from our initial idea, we felt the change was appropriate, as it was inspired by a conversation we had with our tutor, Steve, earlier that day. He talked about his childhood memories of collecting rocks in notebooks, perhaps similar to what geologists do when they document their discoveries. He also mentioned a few things about caverns and a mine (which later turned into a museum) located near the city in which he used to live.
We saw in this prototype a potential to provide new knowledge, create an engaging and fun learning experience around energy sources, and add a sense of magic to everyday life. By combining these different elements, we were hoping to create an unusual experience that can help people better understand and appreciate the importance of energy sources and sustainability. It will be interesting to see how our prototype evolves and what kind of impact it could have on people's perceptions of these topics. To visualise the card, we used a hologram video-maker app. The process was fun and easy. All we had to do was simply find a high resolution image of the Aquamarine crystal on a black surface and upload it into the app. Lastly, we made a model of a pyramid prism so that we could demonstrate the prototype fully. To get the full holographic effect, we had to put it on top of a phone screen and play the video, which we uploaded on YouTube and embedded as a link onto our Special Issue's website.
We saw in this prototype a potential to provide new knowledge, to create an engaging learning experience around energy sources, and also to provide a bit of wonder and immersion into a discourse that can often feel dense. By combining these different elements, we were hoping to create an unusual experience that can help people better understand and appreciate the importance of energy sources and sustainability. It will be interesting to see how our prototype evolves and what kind of impact it could have on people's perceptions of these topics.
![Aquamarine Poem](Aquamarine-Poem.jpg) ![Aquamarine Poem](Aquamarine-Poem.jpg)
![Diamond](Diamond-holo.jpg) ![Diamond](Diamond-holo.jpg)

@ -4,7 +4,9 @@ author: Stephen
--- ---
:::::{#publishing-notes} :::::
{#publishing-notes}
Co-published by Co-published by
Experimental Publishing, Experimental Publishing,

Loading…
Cancel
Save