Commit 0b8eb9d4 authored by julientaq's avatar julientaq
Browse files

first commit

parents
.vscode
node_modules
src/content
dist/*.html
.DS_store
\ No newline at end of file
# Pagedjs Template: Atla
The bookstyler starter-kit contains everything you need to make a book with paged.js
You can install and test it like this:
1. Install node.js if you haven't already.
1. create a folder and open a terminal inside it. Clone the repo there, using `git clone https://gitlab.pagedmedia.org/julientaq/bookstyler.git`
1. install grunt with `npm install -g grunt-cli`
1. run `npm install` inside the cloned folder
1. run `grunt` in the terminal and browse the `localhost:9000` in chrome or chromium.
## Prerequisites
Bookstyler use postcss plugins to handle nested css, import files, some colors functions, etc. If that's too complicated, you can use real css in a simple file, and not worry about postcs.
When you run `grunt`, it will look at the content of your src folder and copy everything in the images, fonts, js, and content folders while processing the css to transform it into a single file.
That's why you only need to add this link to the html:
`<link href="css/book.css" media="screen" rel="stylesheet" type="text/css">`
## Road map
- add styles and update the existing stylesheet
- add pug/jade/etc. support to handle multiple html preprocessor
Version 0.0.5
## Licence
The MIT licence (MIT)
Copyright 2018 — pagedmedia.org
This software is distributed under the MIT licence.
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
@font-face {
font-family:"Noto Serif JP";
src:url("NotoSerifJP-Regular.woff2") format("woff2"),url("NotoSerifJP-Regular.woff") format("woff"),url("NotoSerifJP-Regular.otf") format("opentype");
font-style:normal;font-weight:400;
}
\ No newline at end of file
<svg width="149" height="62" viewBox="0 0 149 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="a-1" d="M133.775 52.5307V44.6453H121.908C121.361 45.3293 120.975 46.012 120.751 46.692C120.52 47.3747 120.407 48.1253 120.407 48.9427C120.407 50.536 120.84 51.8867 121.704 53C122.567 54.1173 124.245 55.0213 125.655 55.0213C128.339 55.0213 130.683 54.94 133.775 52.5307ZM148.776 60.468H133.775V56.0093L120.693 61.0347C120.693 61.0347 119.896 61.0213 118.736 60.7587C116.705 60.3 115.127 59.4427 113.997 58.184C112.225 56.204 111.336 53.8093 111.336 50.9893C111.336 49.352 111.904 47.7267 113.043 46.1133C114.179 44.5 115.839 42.9667 118.02 41.5093H133.775V37.828C133.775 32.508 130.932 29.8493 125.251 29.8493C123.536 29.8493 119.756 31.224 116.996 32.328L111.108 30.0827L128.772 23.3613C133.089 23.3613 136.672 24.484 139.059 26.576C141.445 28.6667 142.639 31.6893 142.639 35.6427V55.7133L148.776 58.0973V60.468" fill="#1A1A1A"/>
<path id="t" d="M101.913 60.536H80.8387V58.0814L86.908 55.8107V10.3187L80.8387 7.95734V5.50137L92.8427 0.933374H95.772V55.7134L101.913 58.0974V60.536" fill="#1A1A1A"/>
<path id="l" d="M59.4531 61.0227C56.7057 60.696 54.6208 59.748 53.2005 58.184C51.4036 56.204 50.5068 53.148 50.5068 49.0107V23.2347H43.1417V19.848L56.4417 14.6907H59.3708V20.0947H71.6493V23.2347H59.3708V49.5573C59.3708 53.148 61.1473 54.9453 64.6917 54.9453C65.6459 54.9453 68.3557 54.6707 71.1224 52.8493L73.228 55.792C73.228 55.792 61.4541 60.272 59.4531 61.0227" fill="#1A1A1A"/>
<path id="a-2" d="M23.6208 52.5307V44.6453H11.7552C11.2084 45.3293 10.8213 46.012 10.5973 46.692C10.3672 47.3747 10.2536 48.1253 10.2536 48.9427C10.2536 50.536 10.6875 51.8867 11.5521 53C12.414 54.1173 14.0921 55.0213 15.5027 55.0213C18.186 55.0213 20.5287 54.94 23.6208 52.5307ZM38.624 60.468H23.6208V56.0093L10.5407 61.0347C10.5407 61.0347 9.7432 61.0213 8.58333 60.7587C6.55213 60.3 4.97293 59.4427 3.84533 58.184C2.07293 56.204 1.18387 53.8093 1.18387 50.9893C1.18387 49.352 1.7516 47.7267 2.89067 46.1133C4.026 44.5 5.686 42.9667 7.8672 41.5093H23.6208V37.828C23.6208 32.508 20.7787 29.8493 15.0964 29.8493C13.3828 29.8493 9.60413 31.224 6.84213 32.328L0.955734 30.0827L18.6188 23.3613C22.9375 23.3613 26.5183 24.484 28.9063 26.576C31.2927 28.6667 32.486 31.6893 32.486 35.6427V55.7133L38.624 58.0973V60.468" fill="#1A1A1A"/>
</svg>
<svg width="1643" height="630" viewBox="0 0 1643 630" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M1643 629L1643 0.00012207L4.29415e-05 629L1643 629Z" fill="white"/>
<path d="M1028.25 411.577V466.484L1171.64 411.577H1028.25ZM1025.66 470.24V408.992H1185.62L1025.66 470.24Z" fill="#B2C249"/>
<path d="M1159.77 377.531V369.645H1147.91C1147.36 370.329 1146.97 371.012 1146.75 371.692C1146.52 372.375 1146.41 373.125 1146.41 373.943C1146.41 375.536 1146.84 376.887 1147.7 378C1148.57 379.117 1150.25 380.021 1151.65 380.021C1154.34 380.021 1156.68 379.94 1159.77 377.531ZM1174.78 385.468H1159.77V381.009L1146.69 386.035C1146.69 386.035 1145.9 386.021 1144.74 385.759C1142.71 385.3 1141.13 384.443 1140 383.184C1138.23 381.204 1137.34 378.809 1137.34 375.989C1137.34 374.352 1137.9 372.727 1139.04 371.113C1140.18 369.5 1141.84 367.967 1144.02 366.509H1159.77V362.828C1159.77 357.508 1156.93 354.849 1151.25 354.849C1149.54 354.849 1145.76 356.224 1143 357.328L1137.11 355.083L1154.77 348.361C1159.09 348.361 1162.67 349.484 1165.06 351.576C1167.45 353.667 1168.64 356.689 1168.64 360.643V380.713L1174.78 383.097V385.468Z" fill="#666666"/>
<path d="M1127.91 385.536H1106.84V383.081L1112.91 380.811V335.319L1106.84 332.957V330.501L1118.84 325.933H1121.77V380.713L1127.91 383.097V385.536Z" fill="#666666"/>
<path d="M1085.45 386.023C1082.71 385.696 1080.62 384.748 1079.2 383.184C1077.4 381.204 1076.51 378.148 1076.51 374.011V348.235H1069.14V344.848L1082.44 339.691H1085.37V345.095H1097.65V348.235H1085.37V374.557C1085.37 378.148 1087.15 379.945 1090.69 379.945C1091.65 379.945 1094.36 379.671 1097.12 377.849L1099.23 380.792C1099.23 380.792 1087.45 385.272 1085.45 386.023Z" fill="#666666"/>
<path d="M1049.62 377.531V369.645H1037.76C1037.21 370.329 1036.82 371.012 1036.6 371.692C1036.37 372.375 1036.25 373.125 1036.25 373.943C1036.25 375.536 1036.69 376.887 1037.55 378C1038.41 379.117 1040.09 380.021 1041.5 380.021C1044.19 380.021 1046.53 379.94 1049.62 377.531ZM1064.62 385.468H1049.62V381.009L1036.54 386.035C1036.54 386.035 1035.74 386.021 1034.58 385.759C1032.55 385.3 1030.97 384.443 1029.85 383.184C1028.07 381.204 1027.18 378.809 1027.18 375.989C1027.18 374.352 1027.75 372.727 1028.89 371.113C1030.03 369.5 1031.69 367.967 1033.87 366.509H1049.62V362.828C1049.62 357.508 1046.78 354.849 1041.1 354.849C1039.38 354.849 1035.6 356.224 1032.84 357.328L1026.96 355.083L1044.62 348.361C1048.94 348.361 1052.52 349.484 1054.91 351.576C1057.29 353.667 1058.49 356.689 1058.49 360.643V380.713L1064.62 383.097V385.468Z" fill="#666666"/>
<path d="M1244.75 422.153C1247.55 418.645 1248.95 413.535 1248.95 406.825C1248.95 400.176 1247.55 395.111 1244.75 391.633C1241.95 388.155 1238.09 386.411 1233.16 386.411C1228.23 386.411 1224.39 388.135 1221.62 391.583C1218.85 395.035 1217.46 400.116 1217.46 406.825C1217.46 413.6 1218.85 418.725 1221.62 422.203C1224.39 425.681 1228.23 427.419 1233.16 427.419C1238.09 427.419 1241.95 425.665 1244.75 422.153ZM1215.61 436.519C1210.63 433.777 1206.79 429.855 1204.11 424.744C1201.43 419.633 1200.1 413.66 1200.1 406.825C1200.1 399.991 1201.45 394.048 1204.16 388.997C1206.87 383.952 1210.7 380.059 1215.66 377.317C1220.61 374.577 1226.45 373.208 1233.16 373.208C1239.87 373.208 1245.7 374.577 1250.66 377.317C1255.62 380.059 1259.42 383.952 1262.07 388.997C1264.71 394.048 1266.04 399.991 1266.04 406.825C1266.04 413.66 1264.71 419.633 1262.07 424.744C1259.42 429.855 1255.62 433.777 1250.66 436.519C1245.7 439.259 1239.87 440.628 1233.16 440.628C1226.45 440.628 1220.6 439.259 1215.61 436.519Z" fill="#1A1A1A"/>
<path d="M1305.39 425.109C1306.92 423.14 1307.69 420.248 1307.69 416.431C1307.69 412.552 1306.91 409.551 1305.34 407.427C1303.77 405.301 1301.51 404.24 1298.55 404.24C1295.53 404.24 1293.23 405.251 1291.62 407.287C1290.02 409.315 1289.22 412.307 1289.22 416.244C1289.22 420.064 1290.02 422.984 1291.62 425.02C1293.23 427.048 1295.53 428.065 1298.55 428.065C1301.57 428.065 1303.85 427.083 1305.39 425.109ZM1314.34 394.724C1317.48 396.819 1319.94 399.744 1321.73 403.499C1323.52 407.256 1324.41 411.565 1324.41 416.431C1324.41 421.231 1323.53 425.465 1321.78 429.128C1320.02 432.791 1317.58 435.612 1314.43 437.58C1311.3 439.551 1307.69 440.532 1303.63 440.532C1300.55 440.532 1297.75 439.936 1295.22 438.733C1292.7 437.531 1290.76 435.856 1289.41 433.697V459.744H1272.69V406.364C1272.69 401.313 1272.44 396.819 1271.95 392.88H1287.65L1288.57 400.176C1289.75 397.591 1291.68 395.512 1294.39 393.943C1297.1 392.369 1300.18 391.583 1303.63 391.583C1307.63 391.583 1311.2 392.635 1314.34 394.724Z" fill="#1A1A1A"/>
<path d="M1346.3 410.243H1361.26C1360.64 405.437 1358.24 403.037 1354.06 403.037C1349.93 403.037 1347.35 405.437 1346.3 410.243ZM1375.58 417.999H1346.11C1346.42 421.632 1347.47 424.247 1349.25 425.852C1351.04 427.449 1353.65 428.251 1357.1 428.251C1359.44 428.251 1361.78 427.865 1364.12 427.099C1366.46 426.327 1368.59 425.264 1370.49 423.911L1374.74 434.996C1372.4 436.719 1369.57 438.072 1366.25 439.059C1362.92 440.041 1359.6 440.532 1356.27 440.532C1350.92 440.532 1346.27 439.551 1342.33 437.58C1338.39 435.612 1335.37 432.791 1333.27 429.128C1331.18 425.465 1330.14 421.14 1330.14 416.149C1330.14 411.411 1331.14 407.181 1333.14 403.453C1335.14 399.731 1337.91 396.819 1341.45 394.724C1344.99 392.635 1349.04 391.583 1353.59 391.583C1358.03 391.583 1361.91 392.571 1365.23 394.539C1368.56 396.513 1371.11 399.329 1372.9 402.992C1374.68 406.655 1375.58 410.919 1375.58 415.784V417.999Z" fill="#1A1A1A"/>
<path d="M1427.16 396.619C1429.9 399.975 1431.27 405.041 1431.27 411.811V439.796H1414.55V412.552C1414.55 409.656 1414.06 407.577 1413.07 406.313C1412.09 405.056 1410.55 404.425 1408.46 404.425C1405.93 404.425 1403.9 405.272 1402.36 406.961C1400.82 408.659 1400.05 410.889 1400.05 413.66V439.796H1383.33V406.364C1383.33 401.313 1383.09 396.819 1382.59 392.88H1398.3L1399.13 399.804C1400.91 397.16 1403.13 395.125 1405.78 393.707C1408.42 392.295 1411.41 391.583 1414.73 391.583C1420.28 391.583 1424.42 393.261 1427.16 396.619Z" fill="#1A1A1A"/>
<path d="M1152.1 479.696C1158.63 479.696 1161.89 477.392 1161.89 472.772C1161.89 470.432 1161.11 468.664 1159.54 467.461C1157.97 466.263 1155.49 465.663 1152.1 465.663H1140.47V479.696H1152.1ZM1123.1 452.544H1154.41C1161.92 452.544 1167.74 454.348 1171.87 457.951C1175.99 461.553 1178.05 466.433 1178.05 472.587C1178.05 478.685 1175.96 483.551 1171.77 487.179C1167.59 490.816 1161.8 492.631 1154.41 492.631H1140.47V518.304H1123.1V452.544Z" fill="#1A1A1A"/>
<path d="M1219.43 471.295V486.531C1216.78 485.304 1214.23 484.688 1211.77 484.688C1204.75 484.688 1201.24 488.045 1201.24 494.753V518.304H1184.52V484.873C1184.52 479.823 1184.27 475.328 1183.78 471.389H1199.48L1200.5 479.236C1201.61 476.345 1203.39 474.125 1205.86 472.587C1208.32 471.048 1211.09 470.277 1214.17 470.277C1216.45 470.277 1218.2 470.617 1219.43 471.295Z" fill="#1A1A1A"/>
<path d="M1237.35 488.751H1252.31C1251.69 483.947 1249.29 481.545 1245.11 481.545C1240.98 481.545 1238.39 483.947 1237.35 488.751ZM1266.63 496.508H1237.16C1237.47 500.14 1238.52 502.756 1240.31 504.359C1242.09 505.959 1244.7 506.76 1248.15 506.76C1250.49 506.76 1252.83 506.373 1255.17 505.608C1257.51 504.836 1259.64 503.773 1261.54 502.42L1265.79 513.504C1263.45 515.228 1260.62 516.58 1257.3 517.568C1253.97 518.551 1250.65 519.041 1247.32 519.041C1241.97 519.041 1237.31 518.059 1233.38 516.089C1229.44 514.121 1226.42 511.299 1224.33 507.636C1222.23 503.973 1221.19 499.649 1221.19 494.659C1221.19 489.919 1222.19 485.689 1224.19 481.963C1226.19 478.24 1228.96 475.328 1232.5 473.233C1236.04 471.144 1240.09 470.091 1244.64 470.091C1249.08 470.091 1252.96 471.077 1256.28 473.048C1259.61 475.021 1262.16 477.839 1263.95 481.501C1265.73 485.164 1266.63 489.428 1266.63 494.293V496.508Z" fill="#1A1A1A"/>
<path d="M1271.15 513.409L1275.4 502.049C1277.92 503.773 1280.79 505.112 1283.99 506.069C1287.19 507.021 1290.33 507.496 1293.41 507.496C1295.32 507.496 1296.79 507.221 1297.84 506.669C1298.89 506.113 1299.41 505.343 1299.41 504.359C1299.41 503.497 1299.03 502.805 1298.26 502.28C1297.49 501.759 1296.03 501.279 1293.87 500.848L1286.3 499.093C1281.49 498.112 1278.03 496.553 1275.91 494.428C1273.78 492.304 1272.72 489.368 1272.72 485.609C1272.72 482.593 1273.61 479.917 1275.4 477.573C1277.19 475.239 1279.66 473.404 1282.83 472.08C1286 470.757 1289.65 470.091 1293.78 470.091C1297.16 470.091 1300.49 470.587 1303.75 471.571C1307.02 472.557 1310.06 473.945 1312.9 475.729L1308.46 486.812C1306 485.208 1303.48 483.981 1300.89 483.115C1298.3 482.252 1295.87 481.821 1293.59 481.821C1291.75 481.821 1290.3 482.117 1289.25 482.699C1288.21 483.285 1287.68 484.132 1287.68 485.24C1287.68 485.92 1287.99 486.457 1288.61 486.857C1289.22 487.257 1290.39 487.675 1292.12 488.105L1299.97 489.859C1304.95 491.031 1308.54 492.74 1310.73 494.984C1312.91 497.235 1314 500.296 1314 504.175C1314 508.795 1312.17 512.427 1308.51 515.073C1304.85 517.719 1299.78 519.041 1293.32 519.041C1283.96 519.041 1276.57 517.167 1271.15 513.409Z" fill="#1A1A1A"/>
<path d="M1317.97 513.409L1322.22 502.049C1324.75 503.773 1327.61 505.112 1330.81 506.069C1334.01 507.021 1337.15 507.496 1340.24 507.496C1342.14 507.496 1343.62 507.221 1344.67 506.669C1345.71 506.113 1346.24 505.343 1346.24 504.359C1346.24 503.497 1345.85 502.805 1345.08 502.28C1344.31 501.759 1342.85 501.279 1340.7 500.848L1333.12 499.093C1328.32 498.112 1324.86 496.553 1322.73 494.428C1320.61 492.304 1319.55 489.368 1319.55 485.609C1319.55 482.593 1320.44 479.917 1322.22 477.573C1324.01 475.239 1326.49 473.404 1329.66 472.08C1332.83 470.757 1336.48 470.091 1340.6 470.091C1343.99 470.091 1347.31 470.587 1350.58 471.571C1353.84 472.557 1356.89 473.945 1359.72 475.729L1355.29 486.812C1352.82 485.208 1350.3 483.981 1347.72 483.115C1345.13 482.252 1342.69 481.821 1340.42 481.821C1338.57 481.821 1337.12 482.117 1336.08 482.699C1335.03 483.285 1334.51 484.132 1334.51 485.24C1334.51 485.92 1334.82 486.457 1335.43 486.857C1336.05 487.257 1337.22 487.675 1338.94 488.105L1346.79 489.859C1351.78 491.031 1355.36 492.74 1357.55 494.984C1359.74 497.235 1360.83 500.296 1360.83 504.175C1360.83 508.795 1359 512.427 1355.33 515.073C1351.67 517.719 1346.61 519.041 1340.14 519.041C1330.78 519.041 1323.39 517.167 1317.97 513.409Z" fill="#1A1A1A"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="1643" height="630" fill="white"/>
</clipPath>
</defs>
</svg>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment