alicestrt/vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

last changes

Browse Source
This commit is contained in:
nglk 2020-09-28 12:47:25 +02:00
parent 4651622cd5
commit 436bfb0d41
13 changed files with 360096 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/css/style.css
View File

@ -7,10 +7,12 @@
.map_area {
text-align: center;
margin-top: 200px;
height:800px;
}
.image_area {
margin-top: 10px;
padding-right: 20px;
/* height:300px; */
}
.image_area img {
@ -18,10 +20,16 @@
height: 150px;
}
.iframe_area {
/* text area */
.thesis {
overflow-y: scroll;
max-height:500px;
}
/* .iframe_area {
margin-top: 10px;
padding-right: 20px;
}
} */
#video1 {
margin-top: 300px;
}

66
static/js/p5/README.txt Normal file
View File

@ -0,0 +1,66 @@
# Welcome to p5.js
You have downloaded the complete p5.js library ZIP file, yay!
# Contents of the p5 folder
* p5.js file
* p5.min.js file
* addons folder
* p5.sound.js
* p5.sound.min.js
* empty-example folder
* index.html
* p5.js
* p5.sound.js
* sketch.js
## p5.js
This file stores the complete p5.js library. It is easy to read by humans, so feel free to open it and explore its contents. It also has a friendly error system, which helps new programmers with common user errors.
## p5.min.js
This file is a minified version of the p5.js file. It is a lighter version, with the same functionalities, but smaller file size. This minified version is harder to read for humans, and does not include the friendly error system.
## addons folder
The addons folder includes additional p5.js related libraries, in both original versions and minified versions.
### p5.sound.js, p5.sound.min.js
p5.sound extends p5.js with Web Audio functionality including audio input, playback, analysis, and synthesis.
## empty-example folder
This is an empty example of a website. The folder includes the file for the website, index.html, the p5.js library, other related p5.js libraries, and a template starting point for your p5.js sketch, called sketch.js.
### index.html
index.html is a template for an HTML file. This index.html first imports the libraries included in the folder (p5.js, p5.sound.js) then loads and executes the file sketch.js which is where you can write your own code.
### sketch.js
The sketch.js is a template for the p5.js sketch, with the functions setup() and draw() that you can complete.
## README.txt
This README file formatted with Markdown :)
# What's next?
If you need more information to help get you started, please refer to our website:
https://p5js.org/get-started/ and https://p5js.org/learn/
An online reference to the p5.js library is available here:
https://p5js.org/reference/
In order to run your website (including the empty-example), you need to enable a local server, please see this tutorial in our wiki:
https://github.com/processing/p5.js/wiki/Local-server
p5.js is a community and p5.js is built by contributions. If you want to learn more about us, visit:
https://p5js.org/community/
# License
The p5.js library is free software; you can redistribute it and/or modify it under the terms of the GNU Lesser General Public License as published by the Free Software Foundation, version 2.1.

11834
static/js/p5/addons/p5.sound.js Normal file
View File

File diff suppressed because one or more lines are too long

3
static/js/p5/addons/p5.sound.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

24
static/js/p5/empty-example/index.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>p5.js example</title>
<style>
body {
padding: 0;
margin: 0;
}
</style>
<script src="../p5.js"></script>
<script src="../addons/p5.sound.min.js"></script>
<script src="sketch.js"></script>
</head>
<body>
<main>
</main>
</body>
</html>

7
static/js/p5/empty-example/sketch.js Normal file
View File

@ -0,0 +1,7 @@
function setup() {
// put setup code here
}
function draw() {
// put drawing code here
}

174861
static/js/p5/p5-test.js Normal file
View File

File diff suppressed because one or more lines are too long

93039
static/js/p5/p5.js Normal file
View File

File diff suppressed because one or more lines are too long

3
static/js/p5/p5.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

80142
static/js/p5/p5.pre-min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

3
templates/base.html
View File

@ -5,6 +5,9 @@
<title>{% block title %}VVVW{% endblock %}</title>
<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script type="text/javascript" src="../static/js/p5/p5.min.js">
</script>
{% endblock %}
</head>
<body>

49
templates/hello.html
View File

@ -3,14 +3,16 @@
{% block body %}
<div class="row">
<div class="col-md-9">
<div class="map_area">Map area</div>
<div class="map_area">Map area<div id="circle-1">
</div>
</div>
</div>
<div class="col-md-3">
<div class="row">
<div class="col-md-10">
<div class="image_area">
<p>image</p>
<img src="../static/images/test_small.jpeg" alt="poem">
<img src="../static/images/test_small.jpeg" alt="poem">
</div>
</div>
@ -18,12 +20,47 @@
<div class="row">
<div class="col-md-10">
<div class="iframe_area">
<p>iframe area</p>
<iframe src="../static/images/abstract.pdf" width="300px" height="500px"></iframe>
</div>
</div>
<p>iframe area</p>
<!-- <iframe src="../static/images/abstract.pdf" width="300px" height="500px"></iframe> -->
<div class="thesis">
People since the beginning have been gathering around certain sources of knowledge creating a specific reading/understanding of the world around them. Accumulated from different sources, what is inherited shapes the minds of individuals,
communities and societies. Often times the cultural productions that happen in reverberance to these processes guide the researchers as they become an archive - a memory space for collective affects of former and contemporary societies.
Aware of my lack of knowledge on all the processes of inheriting from my own history; geographically, ethnically and politically, I attempt to understand the effects of the accumulated sets of knowledge on the actions and behaviour of
myself - A female artist from Turkey - and of us - the un/under/misrepresented multitude. I believe this endeavour will unravel not only the history of Turkey but will shed a light on the processes of modernism under the influence of
major global actors(?).
Digging through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of my other grand
father in Istanbul, asking me to name the tune of the Ottoman-Turkish music we are listening to. My personal memories are as scattered as the collective memory of our chaotic semi island, Anatolia. Yet if one wants to take a walk towards
the roots of this land and it’s settlers, the tunes and poems will reveal them selves as the bread crumbs guiding the way.
How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in anticipation
and aspiration of a revolution, I try to answer these questions by investigating cultural production methods and develop an alternative reading of the common history.
Knowledge in its most delicate form was first contained in the minds of people who would live in small communities. The elders, the more experienced, would be the ones to teach/pass on the knowledge that they would carry along their
lives. The inherited knowledge can be the secrets of crafts, food processing- like cheese or meat-, healing methods/recipes, rituals, requiems or stories on braveries, travels, battles and looses. All of these resources relate to specific
figures in the societies and they</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
let firsttext = 'text text';
function setup() {
var canvas = createCanvas(400, 400);
canvas.parent('circle-1');
}
function draw() {
stroke(0);
ellipse(252, 144, 72, 72);
text(firsttext, 252, 144, 72, 72);
firsttext.id = 'firsttext';
}
</script>
{% endblock %}

61
templates/hello0.html Normal file
View File

@ -0,0 +1,61 @@
{% extends "base.html" %}
{% block title %}Hello{% endblock %}
{% block body %}
<div class="row">
<div class="col-md-9">
<div class="map_area">Map area<div id="circle-1">
</div></div>
</div>
<div class="col-md-3">
<div class="row">
<div class="col-md-10">
<div class="image_area">
<p>image</p>
<img src="../static/images/test_small.jpeg" alt="poem">
</div>
</div>
</div>
<div class="row">
<div class="col-md-10">
<div class="iframe_area">
<p>iframe area</p>
<!-- <iframe src="../static/images/abstract.pdf" width="300px" height="500px"></iframe> -->
<div class="thesis">
<a href="#" onclick="linktext(event)">First Text</a>
<script>
function linktext(e) {
e.preventDefault();
$(window).scrollTop($("span:contains('Digging'):last").offset().top);
}
</script>
<span>People since the beginning have been gathering around certain sources of knowledge creating a specific reading/understanding of the world around them. Accumulated from different sources, what is inherited shapes the minds of individuals, communities and societies. Often times the cultural productions that happen in reverberance to these processes guide the researchers as they become an archive - a memory space for collective affects of former and contemporary societies. Aware of my lack of knowledge on all the processes of inheriting from my own history; geographically, ethnically and politically, I attempt to understand the effects of the accumulated sets of knowledge on the actions and behaviour of myself - A female artist from Turkey - and of us - the un/under/misrepresented multitude. I believe this endeavour will unravel not only the history of Turkey but will shed a light on the processes of modernism under the influence of major global actors(?).
</span>
<span>Digging</span> <span>through my memory, I find myself in the Turquoise Impala of my grandfather, driving up the Kayseri mountain, hearing his voice chanting a poem out of the blue. Or suddenly I’m facing one of the spontaneous tests of my other grand father in Istanbul, asking me to name the tune of the Ottoman-Turkish music we are listening to. My personal memories are as scattered as the collective memory of our chaotic semi island, Anatolia. Yet if one wants to take a walk towards the roots of this land and it’s settlers, the tunes and poems will reveal them selves as the bread crumbs guiding the way.</span>
<span>How does the cultural knowledge travel and transform in time? What forms does it take, why and how do they sustain their presence in our lives? Not only as an artist but as an individual in search of a better present and in anticipation and aspiration of a revolution, I try to answer these questions by investigating cultural production methods and develop an alternative reading of the common history.
</span>
<span>Knowledge in its most delicate form was first contained in the minds of people who would live in small communities. The elders, the more experienced, would be the ones to teach/pass on the knowledge that they would carry along their lives. The inherited knowledge can be the secrets of crafts, food processing- like cheese or meat-, healing methods/recipes, rituals, requiems or stories on braveries, travels, battles and looses. All of these resources relate to specific figures in the societies and they</span></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
let firsttext='text text';
function setup() {
var canvas = createCanvas(400, 400);
canvas.parent('circle-1');
}
function draw(){
stroke(0);
ellipse(252,144,72,72);
text(firsttext,252,144,72,72);
firsttext.id='firsttext';
}
</script>
{% endblock %}