done
funix
2 years ago
@ -0,0 +1,14 @@
|
||||
November 2021, ZineCamp, Worm
|
||||
|
||||
Welcome to
|
||||
## # Not-completely-fully automated {{luxury}} layouting # ##
|
||||
|
||||
Thanks to be here!
|
||||
|
||||
|
||||
Useful links:
|
||||
|
||||
https://pigment.shapefactory.co/
|
||||
|
||||
https://www.pagedjs.org/
|
||||
|
||||
@ -0,0 +1,40 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title></title>
|
||||
<meta name="description" content="">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div>
|
||||
<h1><a href="https://canadiandimension.com/images/made/images/reviews/_resized/Fully_Automated_Luxury_Communism_cover_300_440_80.jpg" target="_blank">## # Not-completely-fully automated {{luxury}} layouting # ##<a></h1>
|
||||
<h2>Welcome %%%%%%%%%%</h2>
|
||||
|
||||
<a href="https://www.pagedjs.org/" target="_blank">Introducing paged.js</a><br>
|
||||
<hr>
|
||||
<a href="scrape.php" target="_blank">The Sacred Pizza and the Abominable Platforms</a><br>
|
||||
<hr>
|
||||
<a href="collective/" target="_blank">A collective chaos</a><br>
|
||||
<a href="non-linear-layouting/grammar/" target="_blank">Play with grammar</a><br>
|
||||
<a href="non-linear-layouting/telegramChat/" target="_blank">Booklet from a telegram group chat</a><br>
|
||||
<a href="https://hub.xpub.nl/sandbot/~poni/__lab__/lab/tree/OCR/OCR.ipynb" target="_blank">OCR! Optical Character Recognition => image to text</a><br>
|
||||
<hr>
|
||||
<a href="non-linear-layouting/image_scraping/" target="_blank">Scrape images from duckduckgo [beta]</a>
|
||||
<a href="https://hub.xpub.nl/sandbot/~poni/scrapeMeansProd/" target="_blank">Other examples</a>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
function openPdf(){
|
||||
$.ajax({url:"scrape.php", success:function(result){}})}
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,28 @@
|
||||
# November 2021, copyleft || Funix || Zine Camp, Worm, Rotterdam
|
||||
|
||||
|
||||
import cv2
|
||||
import pytesseract as pt
|
||||
import os
|
||||
from PIL import Image, ImageEnhance
|
||||
|
||||
def read_img(img):
|
||||
img = cv2.imread(img)
|
||||
return pt.image_to_string(img)
|
||||
|
||||
name = "silenzionubi"
|
||||
|
||||
|
||||
im = Image.open(f'OCR/scans/{name}.jpg')
|
||||
enhancer = ImageEnhance.Contrast(im)
|
||||
factor = 1.5
|
||||
im_output = enhancer.enhance(factor)
|
||||
!mkdir OCR/scansN/
|
||||
im_output.save(f'OCR/scansN/{name}.png')
|
||||
|
||||
txt = read_img(f'OCR/scansN/{name}.png')
|
||||
|
||||
!mkdir OCR/txt
|
||||
got = open(f'OCR/txt/{name}.txt','w')
|
||||
got.write(txt)
|
||||
got.close()
|
||||
@ -0,0 +1,71 @@
|
||||
@media print {
|
||||
/* Define the size of the pages and layout settings */
|
||||
@page {
|
||||
size: 148mm 210mm;
|
||||
margin: 15mm;
|
||||
}
|
||||
/* Custom font */
|
||||
@font-face {
|
||||
font-family: "";
|
||||
src: url("");
|
||||
}
|
||||
/* Custom variables */
|
||||
:root {
|
||||
--first: #19b7b9;
|
||||
--second: #0b1136;
|
||||
--third: #2e4473;
|
||||
}
|
||||
/* Rules for everything */
|
||||
body {
|
||||
font-family: "";
|
||||
font-size: 20px;
|
||||
line-height: 35px;
|
||||
}
|
||||
/* Rules for the rest */
|
||||
.contents {
|
||||
break-before: left
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
span {
|
||||
color: white;
|
||||
}
|
||||
/* Rules for dots */
|
||||
.dot {
|
||||
color: var(--third);
|
||||
}
|
||||
/* Rules for Part Of Speech (POS), defined in classes in <span> */
|
||||
/* This case, conjunctions + verbs ) */
|
||||
span.NN {
|
||||
background-color: salmon;
|
||||
color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
span.CC {
|
||||
color: var(--first);
|
||||
}
|
||||
span.VB {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBD {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBG {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBN {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBP {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBZ {
|
||||
font-size: 3vw;
|
||||
color: var(--second);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,117 @@
|
||||
# November 2021, copyleft || Funix || Zine Camp, Worm, Rotterdam
|
||||
|
||||
# Scrape and download images in local from DuckDuckGo
|
||||
|
||||
# with DuckDuckGoImages!
|
||||
|
||||
import DuckDuckGoImages as ddg # import the library for scrape
|
||||
import os # to manipulate the file system
|
||||
import shutil # same but powerfull >:D
|
||||
import time # to create delays :: for having a few seconds to check the console
|
||||
import random # to get random numbers
|
||||
from urllib.request import urlopen # to request urls usage
|
||||
|
||||
|
||||
# start the layouting :: html + css + paged.js >>
|
||||
|
||||
# declare the first part of the text of the html, we will fill it
|
||||
# in the process with loops
|
||||
html = '''
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="../../script/interface.css">
|
||||
<script src="../../script/paged.polyfill.js"></script>
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
<title>📡 💻📘</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="firstP">
|
||||
<h1 style="position: absolute; top: 0; left:0; color: black;">Title!</h1>
|
||||
|
||||
<p style="position: absolute; bottom: 0; right:0;">Authors!</p>
|
||||
</div>
|
||||
|
||||
<div class="contents"><p>
|
||||
'''
|
||||
|
||||
|
||||
# Prepare the local folder :: where the images will be saved >>
|
||||
|
||||
if os.path.isdir('./images/'): # check if the folder "images" exists
|
||||
shutil.rmtree('./images/') # if yes, delete it
|
||||
|
||||
os.mkdir('./images/') # and then create a fresh new one
|
||||
|
||||
|
||||
|
||||
url = 'https://pad.xpub.nl/p/ddg/export/txt'
|
||||
response = urlopen(url)
|
||||
qq = response.read().split()
|
||||
|
||||
print(qq) # print the array!
|
||||
|
||||
|
||||
time.sleep(2) # check qq in the console!
|
||||
|
||||
|
||||
# Elaborate each word :: process every element of the array qq
|
||||
for q in qq:
|
||||
|
||||
q = q.decode()
|
||||
|
||||
print(q) # print the q!
|
||||
|
||||
os.mkdir(f'./images/{q}/') # create the folder
|
||||
|
||||
|
||||
|
||||
|
||||
# Scrape images with ddg.download()! :: we imported DuckDuckGoImages *as* ddg,
|
||||
# it's just compacted the name
|
||||
|
||||
# q is, indeed, the query for DuckDuckGo
|
||||
# folder=(../path/to/download)
|
||||
# max_urls=(how many results attempt to scrape
|
||||
# thumbnails=(True/False, to download thumbnails or bigger images)
|
||||
|
||||
ddg.download(q, folder= f"./images/{q}/", max_urls=5, thumbnails=True)
|
||||
|
||||
|
||||
picc = os.listdir(f"./images/{q}/") # get the contents of the folder
|
||||
# each downloaded image will have a randomic UUIDv4 name so next step is
|
||||
# to change its name with the name of the current q
|
||||
|
||||
if len(picc) == 0: # if the the list is empty..
|
||||
html += f'{q}' # ..add now the <html> for just the text, since there are no images downloaded..
|
||||
html += "\n"
|
||||
os.rmdir(f'./images/{q}/') # ..and delete the folder created, since is useless..
|
||||
continue # ..from now on this q can't do anything more, let's go to the next iteration
|
||||
|
||||
|
||||
|
||||
# Layout q and its pic!
|
||||
pic = picc[0] # let's take a random picture from the array
|
||||
|
||||
os.rename(f'./images/{q}/{pic}', f'./images/{q}/{q}.jpg') # This is to rename the pic with qBinded + the .jpg extension
|
||||
os.replace(f'./images/{q}/{q}.jpg', f'./images/{q}.jpg') # This is to move the pic to the main folder
|
||||
shutil.rmtree(f'./images/{q}/') # and it's time to delete the folder of this q
|
||||
|
||||
html += f""" {q}""" # Now let's fill the html with text and the pic
|
||||
html += "\n"
|
||||
html += f""" <span><img src="./images/{q}.jpg"></span>"""
|
||||
html += "\n"
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
# Close the html text
|
||||
html += ''' </p><div>
|
||||
</body>
|
||||
</html>'''
|
||||
|
||||
with open('index.html','w') as index: # Save the <html> file!
|
||||
index.write(html)
|
||||
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 31 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 47 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 70 KiB |
@ -0,0 +1,66 @@
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="../../script/interface.css">
|
||||
<script src="../../script/paged.polyfill.js"></script>
|
||||
<link rel="stylesheet" href="./style.css">
|
||||
<title>📡 💻📘</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="firstP">
|
||||
<h1 style="position: absolute; top: 0; left:0; color: black;">Title!</h1>
|
||||
|
||||
<p style="position: absolute; bottom: 0; right:0;">Authors!</p>
|
||||
</div>
|
||||
|
||||
<div class="contents"><p>
|
||||
It
|
||||
<span><img src="./images/It.jpg"></span>
|
||||
lasts
|
||||
<span><img src="./images/lasts.jpg"></span>
|
||||
a
|
||||
<span><img src="./images/a.jpg"></span>
|
||||
fraction
|
||||
<span><img src="./images/fraction.jpg"></span>
|
||||
of
|
||||
<span><img src="./images/of.jpg"></span>
|
||||
life
|
||||
<span><img src="./images/life.jpg"></span>
|
||||
like
|
||||
<span><img src="./images/like.jpg"></span>
|
||||
the
|
||||
<span><img src="./images/the.jpg"></span>
|
||||
truth
|
||||
<span><img src="./images/truth.jpg"></span>
|
||||
of
|
||||
<span><img src="./images/of.jpg"></span>
|
||||
making
|
||||
<span><img src="./images/making.jpg"></span>
|
||||
sense
|
||||
<span><img src="./images/sense.jpg"></span>
|
||||
that
|
||||
<span><img src="./images/that.jpg"></span>
|
||||
you
|
||||
<span><img src="./images/you.jpg"></span>
|
||||
can
|
||||
<span><img src="./images/can.jpg"></span>
|
||||
find
|
||||
<span><img src="./images/find.jpg"></span>
|
||||
around
|
||||
<span><img src="./images/around.jpg"></span>
|
||||
It
|
||||
<span><img src="./images/It.jpg"></span>
|
||||
won't
|
||||
<span><img src="./images/won't.jpg"></span>
|
||||
end
|
||||
<span><img src="./images/end.jpg"></span>
|
||||
not
|
||||
<span><img src="./images/not.jpg"></span>
|
||||
so
|
||||
<span><img src="./images/so.jpg"></span>
|
||||
soon
|
||||
</p><div>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,35 @@
|
||||
@media print {
|
||||
/* Define the size of the pages and layout settings */
|
||||
@page {
|
||||
size: 148mm 210mm;
|
||||
margin: 15mm;
|
||||
}
|
||||
/* Custom fonts */
|
||||
@font-face {
|
||||
font-family: "";
|
||||
src: url("");
|
||||
}
|
||||
/* Custom variables */
|
||||
:root {}
|
||||
/* Rules for everything */
|
||||
body {
|
||||
font-family: "courier";
|
||||
font-size: 40px;
|
||||
line-height: 36px;
|
||||
}
|
||||
/* Rules for the rest */
|
||||
.contents {
|
||||
break-before: right;
|
||||
}
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
img {
|
||||
margin: 0 1ch;
|
||||
height: 45px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
span {
|
||||
break-after: none;
|
||||
}
|
||||
}
|
||||
@ -1,85 +0,0 @@
|
||||
@media print {
|
||||
/* Define the size of the pages and layout settings */
|
||||
|
||||
@page {
|
||||
size: 148mm 210mm;
|
||||
marks: crop cross;
|
||||
margin: 15mm;
|
||||
}
|
||||
|
||||
/* Custom font */
|
||||
|
||||
@font-face {
|
||||
font-family: "neuzeit";
|
||||
src: url("./fonts/NeuzeitOffice-Regular.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "fivo";
|
||||
src: url("./fonts/fivo-sans.medium.otf");
|
||||
}
|
||||
|
||||
/* Custom variables */
|
||||
|
||||
:root {
|
||||
--first: #19b7b9;
|
||||
--second: #0b1136;
|
||||
--third: #2e4473;
|
||||
}
|
||||
|
||||
/* Rules for everything */
|
||||
|
||||
body {
|
||||
font-family: "neuzeit";
|
||||
font-size: 20px;
|
||||
line-height: 35px;
|
||||
}
|
||||
|
||||
/* Rules for the rest */
|
||||
|
||||
.contents{
|
||||
break-before: left
|
||||
}
|
||||
|
||||
div {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
span {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Rules for dots */
|
||||
|
||||
.dot {
|
||||
color: var(--third);
|
||||
}
|
||||
|
||||
/* Rules for Part Of Speech (POS), defined in classes in <span> */
|
||||
/* This case, conjunctions + verbs ) */
|
||||
|
||||
span.CC {
|
||||
font-size: 3vw;
|
||||
color: var(--first);
|
||||
}
|
||||
|
||||
span.VB {
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBD {
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBG {
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBN {
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBP {
|
||||
color: var(--second);
|
||||
}
|
||||
span.VBZ {
|
||||
color: var(--second);
|
||||
}
|
||||
}
|
||||
|
||||
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 121 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 314 KiB |
|
After Width: | Height: | Size: 84 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 166 KiB |
|
After Width: | Height: | Size: 95 KiB |
|
After Width: | Height: | Size: 161 KiB |
|
After Width: | Height: | Size: 318 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 214 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 236 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 342 KiB |
|
After Width: | Height: | Size: 325 KiB |
|
After Width: | Height: | Size: 410 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 225 KiB |
|
After Width: | Height: | Size: 209 KiB |
|
After Width: | Height: | Size: 233 KiB |
|
After Width: | Height: | Size: 489 KiB |
|
After Width: | Height: | Size: 460 KiB |
|
After Width: | Height: | Size: 343 KiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 241 KiB |
|
After Width: | Height: | Size: 289 KiB |
|
After Width: | Height: | Size: 112 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 140 KiB |
|
After Width: | Height: | Size: 195 KiB |
|
After Width: | Height: | Size: 262 KiB |
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 310 KiB |
|
After Width: | Height: | Size: 213 KiB |
|
After Width: | Height: | Size: 197 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 113 KiB |
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 207 KiB |
|
After Width: | Height: | Size: 319 KiB |
|
After Width: | Height: | Size: 315 KiB |
|
After Width: | Height: | Size: 370 KiB |
|
After Width: | Height: | Size: 202 KiB |
|
After Width: | Height: | Size: 360 KiB |
|
After Width: | Height: | Size: 392 KiB |
|
After Width: | Height: | Size: 210 KiB |
|
After Width: | Height: | Size: 278 KiB |
|
After Width: | Height: | Size: 203 KiB |