diff --git a/fe_test.sh b/fe_test.sh new file mode 100644 index 0000000..26e650f --- /dev/null +++ b/fe_test.sh @@ -0,0 +1,21 @@ +# -h, --help show this help message and exit +# -d DIRECTORY, --directory DIRECTORY +# Select which directory to distribute +# -s STYLE, --style STYLE +# Select a CSS style sheet to include +# -v, --verbose Print verbose debug output +# -t, --thumbnail Generate 450x450 thumbnails for images +# -n, --no-template Don't use the template to output html +# -nf, --no-filenames Don't add file names to listing +# -c, --captions Adds image captions based on EXIF metadata, requires 'exiftool' +# -r, --remove-index Recursively removes all instances of index.html that have been previously made by distribusi +# -e [DIR [DIR ...]], --exclude-directory [DIR [DIR ...]] +# Exclude one or multiple directories from indexing +# -f, --force Force whether distribusi overwrites or removes instances of index.html not generated by +# distribusi, use at own risk! +# --no-hidden Exclude hidden directories +# --menu-with-index Append index.html to menu items to aid navigation + +python distribusi/test.py -t -d ./test_data/ +cd test_data +python -m http.server 8000 diff --git a/test_data/carrot/index.html b/test_data/carrot/index.html index 349fc75..bc35271 100644 --- a/test_data/carrot/index.html +++ b/test_data/carrot/index.html @@ -2,22 +2,23 @@ + 환대의 조각들 Fragments of Hospitality - - + + - +
@@ -61,26 +67,28 @@
-
ㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁAA aAAAAAㅁㅁㅁㅁㅁAA aAAAAAㅁㅁㅁ ㅁㅁAAaAAAAAㅁㅁㅁㅁ ㅁAAaAAAAAㅁㅁㅁ ㅁㅁAAaAAAAA
1030.txt#0002
- -

test

+
ㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁAAaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁA AaAAAAAㅁㅁㅁㅁㅁAA aAAAAAㅁㅁㅁㅁㅁAA aAAAAAㅁㅁㅁ ㅁㅁAAaAAAAAㅁㅁㅁㅁ ㅁAAaAAAAAㅁㅁㅁ ㅁㅁAAaAAAAA
1030.txt#0000
+ +

test

test입니다.

code ///

-

이런 저런 이야기를 써볼 수 있겠죠

md쓰기.md#0004
-
test002.txttest002.txt#0005
-
오늘은 11월입니다. 시간은 너무 빨라. -띄어쓰기보다는 -탭 탭 탭
txt쓰기.txt#0006
-
꾸물꾸물.mov#0007
-
질주.mp4#0008
+

이런 저런 이야기를 써볼 수 있겠죠

md쓰기.md#0002
+
test002.txttest002.txt#0003
+
오늘은 11월입니다. 시간은 너무 빨라. +띄어쓰기보다는 +탭 탭 탭
txt쓰기.txt#0004
+
꾸물꾸물.mov#0005
+
질주.mp4#0006
../
+ + diff --git a/test_data/events/0000/index.html b/test_data/events/0000/index.html index 2457d7c..0abc20d 100644 --- a/test_data/events/0000/index.html +++ b/test_data/events/0000/index.html @@ -10,7 +10,7 @@ - + @@ -24,7 +24,6 @@ 환대의 조각 로고
- ABOUT @@ -35,11 +34,6 @@ FRAGMENTS - - - TIMELINE - -
@@ -70,90 +64,11 @@
-
Banana_closeup.jpeg
Banana_closeup.jpeg
#-1
-
Banana_humming.mp3#-1
-
- - - 환대의 조각들 Fragments of Hospitality - - - - - - - - - - - - -
- - - - - -
- -
- -
-
-
-
-
- -
-
- -
-
- -
-
-
- -
-
- - -
-
-
- - - - - - - -
#-1
-
flowing_humming.jpg
flowing_humming.jpg
#-1
-
flowing_humming_2.jpg
flowing_humming_2.jpg
#-1
-
humming_banana.jpg
humming_banana.jpg
#-1
+
Banana_closeup.jpeg
+
Banana_humming.mp3
+
flowing_humming.jpg
+
flowing_humming_2.jpg
+
humming_banana.jpg
../
diff --git a/test_data/events/0001/index.html b/test_data/events/0001/index.html index 9256ae4..cfaff56 100644 --- a/test_data/events/0001/index.html +++ b/test_data/events/0001/index.html @@ -10,7 +10,7 @@ - + @@ -24,7 +24,6 @@ 환대의 조각 로고
- ABOUT @@ -35,11 +34,6 @@ FRAGMENTS - - - TIMELINE - -
@@ -70,66 +64,66 @@
-
Humming_for_myself.jpeg
Humming_for_myself.jpeg
#-1
-
My_sister_family.MP4#-1
-
humming1.mp3#-1
-
허밍을 악보로 그리듯이 적어보았다.
humming_score.jpeg
#-1
-
humming_walk.MP4#-1
-
lie_down_alone.jpg
lie_down_alone.jpg
#-1
-
shooting_stars.jpg
shooting_stars.jpg
#-1
-
tactile_voice.jpeg
tactile_voice.jpeg
#-1
-
콧- 노래 +
Humming_for_myself.jpeg
+
My_sister_family.MP4
+
humming1.mp3
+
허밍을 악보로 그리듯이 적어보았다.
humming_score.jpeg
+
humming_walk.MP4
+
lie_down_alone.jpg
+
shooting_stars.jpg
+
tactile_voice.jpeg
+
콧- 노래 0. 입을 다문 채 코로 소리를 내어 부르는 노래 0. 코와 입 중간 인중 어딘가에서 나는 소리 혹은 울림 0. 스스로를 위로하기 위한 행동 0. 다른 사람에게 쉽게 전염시킬 수 있는 공명 -
text 3.txt#-1
-
음성은 촉각적이다.
text 4.txt#-1
-
1. +
text 3.txt
+
음성은 촉각적이다.
text 4.txt
+
1. 나의 콧노래의 시작은 어디일까 -낮잠을 재우려는 엄마의 토닥임과 -낮은 흥얼거림에서 시작되었을 수도 있고 -맛이라는 것을 처음 알았을 때의 놀라움에서 -시작되었을지도 모르겠다. +낮잠을 재우려는 엄마의 토닥임과 +낮은 흥얼거림에서 시작되었을 수도 있고 +맛이라는 것을 처음 알았을 때의 놀라움에서 +시작되었을지도 모르겠다. 2. -콧노래는 온도와 맞닿아 있는지도 모르겠다. -어떤 콧노래는 뜨겁고 어떤 콧노래는 스산하다. +콧노래는 온도와 맞닿아 있는지도 모르겠다. +어떤 콧노래는 뜨겁고 어떤 콧노래는 스산하다. 3. -잘 부르는 콧노래와 못 부르는 콧노래를 -구분 지을 수 있을까? -우열이 없다는 게 안심이 된다. +잘 부르는 콧노래와 못 부르는 콧노래를 +구분 지을 수 있을까? +우열이 없다는 게 안심이 된다. 애쓰지 않아도 된다는 게 위로가 된다. -
text 6.txt#-1
-
코와 입 사이 인중 어딘가 +
text 6.txt
+
코와 입 사이 인중 어딘가 혹은 눈와 눈사이 -혹은 -양쪽 콧볼과 팔자주름이 만나는 지점에서 +혹은 +양쪽 콧볼과 팔자주름이 만나는 지점에서 시작되는 콧_노래 -
text 7.txt#-1
-
콧노래를 수집하면 -사람의 체온, 그날의 날씨, 공기가 같이 수집된다. -누군가의 콧노래는 축축하고 +
text 7.txt
+
콧노래를 수집하면 +사람의 체온, 그날의 날씨, 공기가 같이 수집된다. +누군가의 콧노래는 축축하고 누군가의 콧노래는 햇볕에 냄새가 나며 -누군가의 콧노래는 무겁게 내려앉은 새벽에 공기가 느껴진다. +누군가의 콧노래는 무겁게 내려앉은 새벽에 공기가 느껴진다. -
text.txt#-1
-
the_beginning_of_a_humming1.jpg
the_beginning_of_a_humming1.jpg
#-1
-
the_beginning_of_a_humming2.jpg
the_beginning_of_a_humming2.jpg
#-1
-
the_beginning_of_a_humming3.jpg
the_beginning_of_a_humming3.jpg
#-1
-
the_beginning_of_a_humming4.jpg
the_beginning_of_a_humming4.jpg
#-1
-
the_beginning_of_a_humming5.jpg
the_beginning_of_a_humming5.jpg
#-1
-
the_beginning_of_a_humming6.jpg
the_beginning_of_a_humming6.jpg
#-1
-
the_beginning_of_a_humming7.jpg
the_beginning_of_a_humming7.jpg
#-1
-
the_beginning_of_a_humming8.jpeg
the_beginning_of_a_humming8.jpeg
#-1
-
while_washing_the_dishes.jpg
while_washing_the_dishes.jpg
#-1
-
으므므움음.jpg
으므므움음.jpg
#-1
-
콧노래만스쳐도인연.jpg
콧노래만스쳐도인연.jpg
#-1
+
text.txt
+
the_beginning_of_a_humming1.jpg
+
the_beginning_of_a_humming2.jpg
+
the_beginning_of_a_humming3.jpg
+
the_beginning_of_a_humming4.jpg
+
the_beginning_of_a_humming5.jpg
+
the_beginning_of_a_humming6.jpg
+
the_beginning_of_a_humming7.jpg
+
the_beginning_of_a_humming8.jpeg
+
while_washing_the_dishes.jpg
+
으므므움음.jpg
+
콧노래만스쳐도인연.jpg
../
diff --git a/test_data/events/0002/index.html b/test_data/events/0002/index.html index 9a5ff8f..9b84247 100644 --- a/test_data/events/0002/index.html +++ b/test_data/events/0002/index.html @@ -10,7 +10,7 @@ - + @@ -24,7 +24,6 @@ 환대의 조각 로고
- ABOUT @@ -35,11 +34,6 @@ FRAGMENTS - - - TIMELINE - -
@@ -77,7 +71,7 @@ 하루에 하늘을 몇번이나 볼까요? 하늘은 누구에게나 열려있는 둘도 없는 공공재가 아닐까 합니다. 60여일간 각각 다른 하늘을 찍고 짧은 단상을 적어보려고 합니다.
1013.txt -
E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg
E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg
+
./2020.10.13/E7D3E4F7-7D57-4F6A-A9F3-916E12461772.jpeg
#-1
지하철 플랫폼. @@ -85,7 +79,7 @@ 한명의 예외없이 모두 고개를 숙이고 각자의 세계에 몰입 중이다. 스마트폰이라는 세계. 각박한 현실에서 그나마 볼 수 있는 작은 꿈의 조각.
1014.txt
-
9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg
9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg
+
./2020.10.14/9D708FDE-5B8C-4812-9CCB-2ACDA9CC517F.jpeg
#-1
특별히 자주 보게 되는 하늘이 있다. @@ -93,7 +87,7 @@ 출근길 지하철 출구를 올라오며 마주하는 하늘. 무심하게 스쳐 지나갔다.
1015.txt
-
43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg
43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg
+
./2020.10.15/43D750DF-A8FD-462D-A05D-D00A8113D623.jpeg
#-1
diff --git a/test_data/fig/index.html b/test_data/fig/index.html index ace0ff2..e7d101c 100644 --- a/test_data/fig/index.html +++ b/test_data/fig/index.html @@ -2,22 +2,23 @@ + 환대의 조각들 Fragments of Hospitality - - + + - +
@@ -61,33 +67,37 @@
-
fig002.txtfig002.txt#0012
-
test.txttest.txt#0013
-
test001.txttest001.txt#0014
+
SLEIGothicTTF.eotSLEIGothicTTF.eot#0007
+
SLEIGothicTTF.woffSLEIGothicTTF.woff#0008
+
fig002.txtfig002.txt#0009
+
test.txttest.txt#0010
+
test001.txttest001.txt#0011
../ -
+
언론·출판에 대한 허가나 검열과 집회·결사에 대한 허가는 인정되지 아니한다. 모든 국민은 헌법과 법률이 정한 법관에 의하여 법률에 의한 재판을 받을 권리를 가진다. 대통령은 내우·외환·천재·지변 또는 중대한 재정·경제상의 위기에 있어서 국가의 안전보장 또는 공공의 안녕질서를 유지하기 위하여 긴급한 조치가 필요하고 국회의 집회를 기다릴 여유가 없을 때에 한하여 최소한으로 필요한 재정·경제상의 처분을 하거나 이에 관하여 법률의 효력을 가지는 명령을 발할 수 있다. -새로운 글 업데이트
일기.txt
-
파도가_치네요.png
-#0009
-
-
아름다운별.png
+새로운 글 업데이트
일기.txt
+
./20201020/파도가_치네요.png
+#0018
+
+
./20201022/아름다운별.png
착목한는 생의 꽃 많이 운다. 천자만홍이 넣는 수 아니다. 위하여서, 기쁘며, 얼음 할지니, 칼이다. 자신과 바로 장식하는 청춘의 것이다. 청춘의 방지하는 이상이 심장은 공자는 거친 미묘한 있는가? 심장은 같지 옷을 피는 끓는 시들어 날카로우나 뿐이다. 얼음이 찬미를 그러므로 칼이다. 찬미를 옷을 이상을 것이다. 가치를 같은 그들은 속에서 위하여 인간의 생명을 거친 것이다. 설레는 얼음 이것을 그들의 속에 많이 눈에 트고, 설산에서 끓는다. 얼마나 보이는 것은 때문이다. 무엇이 창공에 가치를 커다란 오아이스도 뭇 황금시대다. 유소년에게서 못할 가진 안고, 무엇이 수 용감하고 이상의 있는가? 일월과 있는 청춘이 것이다. 싶이 있는 유소년에게서 못하다 위하여 물방아 것이다. 피고 능히 우리의 사람은 아니다. 오직 커다란 밥을 갑 안고, 그것은 못하다 청춘은 아니더면, 것이다. 무엇을 그들은 없으면, 이것이다. 살 위하여 그들의 청춘에서만 풍부하게 말이다. -크고 돋고, 꽃이 위하여 이상의 봄바람이다. 미인을 속에 싶이 기관과 피는 아름다우냐? 인류의 용기가 구하지 현저하게 것이 가는 가치를 그리하였는가? 같은 곧 속잎나고, 이것은 피는 얼마나 눈에 꽃이 이상의 약동하다. 미묘한 열락의 새 노년에게서 소리다.이것은 그러므로 그림자는 뜨거운지라, 하는 봄바람이다. 대한 수 인간의 노래하며 이 맺어, 청춘 운다. 밥을 우리의 그들의 것은 쓸쓸하랴? 인도하겠다는 풀밭에 무엇을 우리의 수 되는 풍부하게 것이다. 가치를 풀이 밥을 듣는다. 오아이스도 관현악이며, 이성은 타오르고 무엇을 청춘이 속에서 되는 봄바람이다. 위하여, 끝까지 소담스러운 청춘 할지니, 돋고, 약동하다.
일기.txt
-#0010
-
-
속의 이름과, 않은 애기 프랑시스 보고, 어머니, 듯합니다. 어머니, 아무 별들을 노루, 이런 그리고 있습니다. 위에 라이너 시와 너무나 별을 가슴속에 덮어 아침이 언덕 듯합니다. 아직 경, 파란 별 때 잠, 하나에 아름다운 슬퍼하는 봅니다. 까닭이요, 풀이 하나에 위에 옥 별빛이 아스라히 있습니다. 청춘이 내일 풀이 남은 오는 없이 지나고 둘 못 까닭입니다. 같이 슬퍼하는 어머니, 별이 있습니다. 하나에 별 헤는 보고, 가슴속에 너무나 이네들은 나의 애기 까닭입니다. 멀듯이, 했던 아침이 까닭입니다.
그냥.txt
-
상자를 열어요.png
-#0011
+크고 돋고, 꽃이 위하여 이상의 봄바람이다. 미인을 속에 싶이 기관과 피는 아름다우냐? 인류의 용기가 구하지 현저하게 것이 가는 가치를 그리하였는가? 같은 곧 속잎나고, 이것은 피는 얼마나 눈에 꽃이 이상의 약동하다. 미묘한 열락의 새 노년에게서 소리다.이것은 그러므로 그림자는 뜨거운지라, 하는 봄바람이다. 대한 수 인간의 노래하며 이 맺어, 청춘 운다. 밥을 우리의 그들의 것은 쓸쓸하랴? 인도하겠다는 풀밭에 무엇을 우리의 수 되는 풍부하게 것이다. 가치를 풀이 밥을 듣는다. 오아이스도 관현악이며, 이성은 타오르고 무엇을 청춘이 속에서 되는 봄바람이다. 위하여, 끝까지 소담스러운 청춘 할지니, 돋고, 약동하다.
일기.txt
+#0019
+
+
속의 이름과, 않은 애기 프랑시스 보고, 어머니, 듯합니다. 어머니, 아무 별들을 노루, 이런 그리고 있습니다. 위에 라이너 시와 너무나 별을 가슴속에 덮어 아침이 언덕 듯합니다. 아직 경, 파란 별 때 잠, 하나에 아름다운 슬퍼하는 봅니다. 까닭이요, 풀이 하나에 위에 옥 별빛이 아스라히 있습니다. 청춘이 내일 풀이 남은 오는 없이 지나고 둘 못 까닭입니다. 같이 슬퍼하는 어머니, 별이 있습니다. 하나에 별 헤는 보고, 가슴속에 너무나 이네들은 나의 애기 까닭입니다. 멀듯이, 했던 아침이 까닭입니다.
그냥.txt
+
./20201029/상자를 열어요.png
+#0020
+ + diff --git a/test_data/grape/index.html b/test_data/grape/index.html index e297d68..2851442 100644 --- a/test_data/grape/index.html +++ b/test_data/grape/index.html @@ -2,22 +2,23 @@ + 환대의 조각들 Fragments of Hospitality - - + + - +
@@ -61,20 +67,22 @@
-
IMG_1334.png
#0016
-
IMG_1340.jpg
#0017
-
IMG_1690.png
#0018
-
IMG_1693.png
#0019
-
fbdbdbf54d766dd86e5964de01ddc16b.jpg
#0020
-
sample.pdf#0021
+
IMG_1334.png
#0012
+
IMG_1340.jpg
#0013
+
IMG_1690.png
#0014
+
IMG_1693.png
#0015
+
fbdbdbf54d766dd86e5964de01ddc16b.jpg
#0016
+
sample.pdf#0017
../
+ + diff --git a/test_data/index.json b/test_data/index.json index 3750ad6..ee21867 100644 --- a/test_data/index.json +++ b/test_data/index.json @@ -2,52 +2,34 @@ { "__Fragment__": { "index": 0, - "update": 1607256782.1336884, - "directory": "./test_data/event_lecture", - "artist": "event_lecture", - "file": "event_0000" - } - }, - { - "__Fragment__": { - "index": 1, - "update": 1607256782.1344724, - "directory": "./test_data/event_lecture", - "artist": "event_lecture", - "file": "event_0001" - } - }, - { - "__Fragment__": { - "index": 2, - "update": 1607256782.1055331, + "update": 1631034321.623637, "directory": "./test_data/carrot", "artist": "carrot", "file": "1030.txt" } }, + { + "__Fragment__": { + "index": 1, + "update": 1631034321.6238863, + "directory": "./test_data/carrot", + "artist": "carrot", + "file": "RTF\u1110\u1166\u1109\u1173\u1110\u1173.rtf" + } + }, + { + "__Fragment__": { + "index": 2, + "update": 1631034321.6243362, + "directory": "./test_data/carrot", + "artist": "carrot", + "file": "md\u110a\u1173\u1100\u1175.md" + } + }, { "__Fragment__": { "index": 3, - "update": 1607256782.1057456, - "directory": "./test_data/carrot", - "artist": "carrot", - "file": "RTF\ud14c\uc2a4\ud2b8.rtf" - } - }, - { - "__Fragment__": { - "index": 4, - "update": 1607256782.1060278, - "directory": "./test_data/carrot", - "artist": "carrot", - "file": "md\uc4f0\uae30.md" - } - }, - { - "__Fragment__": { - "index": 5, - "update": 1607256782.1060853, + "update": 1631034321.6244311, "directory": "./test_data/carrot", "artist": "carrot", "file": "test002.txt" @@ -55,62 +37,53 @@ }, { "__Fragment__": { - "index": 6, - "update": 1607256782.1062121, + "index": 4, + "update": 1631034321.624598, "directory": "./test_data/carrot", "artist": "carrot", - "file": "txt\uc4f0\uae30.txt" + "file": "txt\u110a\u1173\u1100\u1175.txt" + } + }, + { + "__Fragment__": { + "index": 5, + "update": 1631034321.6332643, + "directory": "./test_data/carrot", + "artist": "carrot", + "file": "\u1101\u116e\u1106\u116e\u11af\u1101\u116e\u1106\u116e\u11af.mov" + } + }, + { + "__Fragment__": { + "index": 6, + "update": 1631034321.644537, + "directory": "./test_data/carrot", + "artist": "carrot", + "file": "\u110c\u1175\u11af\u110c\u116e.mp4" } }, { "__Fragment__": { "index": 7, - "update": 1607256782.1183975, - "directory": "./test_data/carrot", - "artist": "carrot", - "file": "\uafb8\ubb3c\uafb8\ubb3c.mov" + "update": 1631034321.8098168, + "directory": "./test_data/fig", + "artist": "fig", + "file": "SLEIGothicTTF.eot" } }, { "__Fragment__": { "index": 8, - "update": 1607256782.1308887, - "directory": "./test_data/carrot", - "artist": "carrot", - "file": "\uc9c8\uc8fc.mp4" + "update": 1631034321.8114989, + "directory": "./test_data/fig", + "artist": "fig", + "file": "SLEIGothicTTF.woff" } }, { "__Fragment__": { "index": 9, - "update": 1607256782.1359093, - "directory": "./test_data/fig", - "artist": "fig", - "file": "20201020" - } - }, - { - "__Fragment__": { - "index": 10, - "update": 1607256782.144392, - "directory": "./test_data/fig", - "artist": "fig", - "file": "20201022" - } - }, - { - "__Fragment__": { - "index": 11, - "update": 1607256782.1451015, - "directory": "./test_data/fig", - "artist": "fig", - "file": "20201029" - } - }, - { - "__Fragment__": { - "index": 12, - "update": 1607256782.1454825, + "update": 1631034321.811761, "directory": "./test_data/fig", "artist": "fig", "file": "fig002.txt" @@ -118,8 +91,8 @@ }, { "__Fragment__": { - "index": 13, - "update": 1607256782.1458695, + "index": 10, + "update": 1631034321.8125045, "directory": "./test_data/fig", "artist": "fig", "file": "test.txt" @@ -127,8 +100,8 @@ }, { "__Fragment__": { - "index": 14, - "update": 1607256782.1459706, + "index": 11, + "update": 1631034321.812636, "directory": "./test_data/fig", "artist": "fig", "file": "test001.txt" @@ -136,17 +109,8 @@ }, { "__Fragment__": { - "index": 15, - "update": 1607256782.1462324, - "directory": "./test_data/", - "artist": "", - "file": "fragment.html" - } - }, - { - "__Fragment__": { - "index": 16, - "update": 1607256782.2283018, + "index": 12, + "update": 1631034321.90783, "directory": "./test_data/grape", "artist": "grape", "file": "IMG_1334.png" @@ -154,8 +118,8 @@ }, { "__Fragment__": { - "index": 17, - "update": 1607256782.2359385, + "index": 13, + "update": 1631034321.9187515, "directory": "./test_data/grape", "artist": "grape", "file": "IMG_1340.jpg" @@ -163,8 +127,8 @@ }, { "__Fragment__": { - "index": 18, - "update": 1607256782.2999306, + "index": 14, + "update": 1631034321.9971917, "directory": "./test_data/grape", "artist": "grape", "file": "IMG_1690.png" @@ -172,8 +136,8 @@ }, { "__Fragment__": { - "index": 19, - "update": 1607256782.3536453, + "index": 15, + "update": 1631034322.0704176, "directory": "./test_data/grape", "artist": "grape", "file": "IMG_1693.png" @@ -181,8 +145,8 @@ }, { "__Fragment__": { - "index": 20, - "update": 1607256782.3545525, + "index": 16, + "update": 1631034322.0750477, "directory": "./test_data/grape", "artist": "grape", "file": "fbdbdbf54d766dd86e5964de01ddc16b.jpg" @@ -190,11 +154,47 @@ }, { "__Fragment__": { - "index": 21, - "update": 1607256782.3548856, + "index": 17, + "update": 1631034322.075644, "directory": "./test_data/grape", "artist": "grape", "file": "sample.pdf" } + }, + { + "__Fragment__": { + "index": 18, + "update": 1631034323.5054393, + "directory": "./test_data/fig", + "artist": "fig", + "file": "20201020" + } + }, + { + "__Fragment__": { + "index": 19, + "update": 1631034323.548168, + "directory": "./test_data/fig", + "artist": "fig", + "file": "20201022" + } + }, + { + "__Fragment__": { + "index": 20, + "update": 1631034323.588748, + "directory": "./test_data/fig", + "artist": "fig", + "file": "20201029" + } + }, + { + "__Fragment__": { + "index": 21, + "update": 1631034478.6196408, + "directory": "./test_data/", + "artist": "", + "file": "fragment.html" + } } ] \ No newline at end of file diff --git a/test_data/src/scripts/accessibility.js b/test_data/src/scripts/accessibility.js index 3968b1e..b680bf0 100644 --- a/test_data/src/scripts/accessibility.js +++ b/test_data/src/scripts/accessibility.js @@ -4,27 +4,31 @@ let thresholdForButtons = 1080; if (window.sessionStorage.getItem('isZoom') == 'true') { - console.log("true") document.body.style.zoom = "150%" + document.querySelector("#menu").style.zoom = `${66.666666667}%`; - // Toggle image const img = document.querySelector('#zoom>a>img') img.src = "/src/img/deactivate_bigletter.svg" - - + // Respond to Zoom Icon - if (window.innerWidth < thresholdForButtons){ + if (window.innerWidth < thresholdForButtons/2){ const zoom = document.querySelector("#zoom") const sound = document.querySelector("#sound") - zoom.style.right = "5px"; - sound.style.top = "85px"; + zoom.style.right = `${5}px`; + zoom.style.top = `${15}px`; + sound.style.top = `${85}px`; + zoom.style.right = `${5}px`; } else { const zoom = document.querySelector("#zoom") const sound = document.querySelector("#sound") - zoom.style.right = ""; + zoom.style.right =""; + zoom.style.top = ""; sound.style.top = ""; + zoom.style.right =""; } + isZoomed = true; + } else { console.log("false") document.body.style.zoom = "100%" @@ -36,8 +40,29 @@ if (window.sessionStorage.getItem('isZoom') == 'true') { // Respond to Zoom Icon const zoom = document.querySelector("#zoom") const sound = document.querySelector("#sound") - zoom.style.right = ""; + zoom.style.right =""; + zoom.style.top = ""; sound.style.top = ""; + zoom.style.right =""; + + // Respond to Zoom Icon + document.querySelector("#zoom>a>img").style.height = "60px"; + document.querySelector("#sound>a>img").style.height = "60px"; + + if (window.innerWidth < thresholdForButtons/2){ + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = `${5}px`; + zoom.style.top = `${15}px`; + sound.style.top = `${85}px`; + zoom.style.right = `${5}px`; + + } else { + const zoom = document.querySelector("#zoom") + const sound = document.querySelector("#sound") + zoom.style.right = ""; + sound.style.top = ""; + } isZoomed = false; } @@ -45,16 +70,22 @@ if (window.sessionStorage.getItem('isZoom') == 'true') { onresizeAccessibility = () => { - if (window.innerWidth < thresholdForButtons && isZoomed) { + + + if (window.innerWidth < thresholdForButtons/2) { const zoom = document.querySelector("#zoom") const sound = document.querySelector("#sound") - zoom.style.right = "5px"; - sound.style.top = "85px"; + zoom.style.right = `${5}px`; + zoom.style.top = `${15}px`; + sound.style.top = `${80}px`; + zoom.style.right = `${5}px`; } else { const zoom = document.querySelector("#zoom") const sound = document.querySelector("#sound") - zoom.style.right = ""; + zoom.style.right =""; + zoom.style.top = ""; sound.style.top = ""; + zoom.style.right =""; } } @@ -65,37 +96,8 @@ function toggleZoom(){ if (isZoomed){ window.sessionStorage.setItem('isZoom', false); - // document.body.style.zoom = "150%" - - // // Toggle image - // const img = document.querySelector('#zoom>a>img') - // img.src = "/src/img/deactivate_bigletter.svg" - - - // // Respond to Zoom Icon - // if (window.innerWidth < thresholdForButtons){ - // const zoom = document.querySelector("#zoom") - // const sound = document.querySelector("#sound") - // zoom.style.right = "5px"; - // sound.style.top = "85px"; - // } - - }else { window.sessionStorage.setItem('isZoom', true); - // document.body.style.zoom = "100%" - - // // Toggle image - // const img = document.querySelector('#zoom>a>img') - // img.src = "/src/img/activate_bigletter.svg" - - // // Respond to Zoom Icon - // const zoom = document.querySelector("#zoom") - // const sound = document.querySelector("#sound") - // zoom.style.right = ""; - // sound.style.top = ""; - - } location.reload() diff --git a/test_data/src/scripts/physicsLayout.js b/test_data/src/scripts/physicsLayout.js index e5fa223..a773b29 100644 --- a/test_data/src/scripts/physicsLayout.js +++ b/test_data/src/scripts/physicsLayout.js @@ -59,6 +59,12 @@ color = ['#556270']; var frags = []; var initY = 0; + +let yScalar = 1; +if (window.innerWidth < 800) { + yScalar = 2; +} + for(let i = 0; i < sampleSVG.length; i++) { path = sampleSVG[i]; @@ -69,7 +75,7 @@ for(let i = 0; i < sampleSVG.length; i++) { }, position: { x: render.canvas.width/2 + (Math.random() - 0.5) * render.canvas.width*0.8 - 50, - y: initY//window.innerHeight/2 + (Math.random() - 0.4) * window.innerHeight*0.5 + y: (window.innerHeight / 2 ) * Math.max(0, 0.6 + Math.random() * yScalar) // initY// }, mass: Math.random(), restitution: 0.5,