diff --git a/Writerside/cfg/buildprofiles.xml b/Writerside/cfg/buildprofiles.xml index bb0fbb2..d7dedf2 100644 --- a/Writerside/cfg/buildprofiles.xml +++ b/Writerside/cfg/buildprofiles.xml @@ -2,7 +2,9 @@ - + + forest + false diff --git a/demo/index.html b/demo/index.html new file mode 100644 index 0000000..cbd2403 --- /dev/null +++ b/demo/index.html @@ -0,0 +1,25 @@ + + + + + Imgal Demo + + + + + + +
+

Choose a theme to preview how the gallery would look :

+
+ +
+ + + + + \ No newline at end of file diff --git a/demo/oldstyle/fullSize/IMG_3263.JPG b/demo/oldstyle/fullSize/IMG_3263.JPG new file mode 100644 index 0000000..eed1113 Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3263.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3555.JPG b/demo/oldstyle/fullSize/IMG_3555.JPG new file mode 100644 index 0000000..5c2f3b7 Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3555.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3556.JPG b/demo/oldstyle/fullSize/IMG_3556.JPG new file mode 100644 index 0000000..21b03f4 Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3556.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3560.JPG b/demo/oldstyle/fullSize/IMG_3560.JPG new file mode 100644 index 0000000..8dcc534 Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3560.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3562.JPG b/demo/oldstyle/fullSize/IMG_3562.JPG new file mode 100644 index 0000000..165b16b Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3562.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3568.JPG b/demo/oldstyle/fullSize/IMG_3568.JPG new file mode 100644 index 0000000..bb03e3b Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3568.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3580.JPG b/demo/oldstyle/fullSize/IMG_3580.JPG new file mode 100644 index 0000000..cbcaf0a Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3580.JPG differ diff --git a/demo/oldstyle/fullSize/IMG_3581.JPG b/demo/oldstyle/fullSize/IMG_3581.JPG new file mode 100644 index 0000000..9652561 Binary files /dev/null and b/demo/oldstyle/fullSize/IMG_3581.JPG differ diff --git a/demo/oldstyle/index.html b/demo/oldstyle/index.html new file mode 100644 index 0000000..a622eb0 --- /dev/null +++ b/demo/oldstyle/index.html @@ -0,0 +1,62 @@ + + + + + Photo Gallery + + + + + + + + + + +
+ + +
+ +
+ + + + + \ No newline at end of file diff --git a/demo/oldstyle/style.css b/demo/oldstyle/style.css new file mode 100644 index 0000000..986e4e6 --- /dev/null +++ b/demo/oldstyle/style.css @@ -0,0 +1,171 @@ +:root{ + --width: 426px; + --widthPad: 406px; +} + +body{ + display: flex; + flex-direction: column; + align-items: center; + background-color: hsl(0, 0%, 30%); +} + +#header{ + width: var(--width); + font-family: Arial; +} + +#header #title{ + color: hsl(0, 0%, 79%); + font-weight: bold; + font-size: 1.3em; + margin-bottom: 0px; +} + +.hr{ + border: 1px dashed hsl(0, 0%, 41%); + margin-top: 3px; + margin-bottom: 0px; + width: var(--width); +} + +#header #description{ + color: hsl(0, 0%, 79%); + font-weight: bold; + font-size: 1em; + margin-top: 7px; + margin-bottom: 0px; +} + + +#header #author{ + color: hsl(0, 0%, 79%); + font-weight: lighter; + font-size: 0.8em; + margin-top: 5px; +} + + +#gallery{ + display: flex; + width: var(--width); + flex-direction: row; + justify-content: left; + flex-wrap: wrap; + border: 1px solid hsla(0, 0%, 79%, 0.24); + background-color: rgb(147, 147, 147); + /*padding: 10px;*/ +} + +.images{ + --divMax: max-content; + height: 120px; + width: 120px; + border: 1px solid hsla(0, 0%, 79%, 0.24); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0px; + padding: 10px; +} + +.emptyDiv{ + --divMax: max-content; + height: 120px; + width: 120px; + border: 1px solid hsla(0, 0%, 79%, 0.24); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0px; + padding: 10px; +} + +.images:hover{ + background-color: hsl(0, 0%, 62%); +} + +.images img{ + height: 100%; + width: 100%; + object-fit: contain; + + /*box-shadow: 2px 3px 7px black;*/ +} + +.images a{ + height: 100%; + width: auto; +} + +#smallFooter a{ + color: white; + font-family: Arial; + margin-right: 20px; +} + +#smallFooter{ + margin-top: 10px; + display: flex; + flex-direction: row; + width: var(--width); + justify-content: end; +} + +#smallFooter a{ + margin: 0px; + margin-right: 10px; + color: hsl(0, 0%, 79%) +} + +.activePage{ + border: 1px solid rgba(255, 255, 255, 0.29); + padding: 7px; + border-radius: 2px; +} + +#smallFooter #pageNumbs a:hover{ + color: white; +} + +#smallFooter #prevNext a{ + margin: 0px; + font-weight: bold; + margin-left: 10px; +} + +#smallFooter #contact{ + margin-right: auto; +} + +#footer{ + color: hsl(0, 0%, 60%); + font-weight: bold; + font-size: 0.8em; + margin-top: 5px; + font-family: arial; + position: static; + bottom: 0px; +} + + + +#imgOuterGal{ + display: flex; + width: var(--widthPad); + height: 300px; + display: flex; + flex-direction: row; + justify-content: center; + border: 1px solid hsla(0, 0%, 79%, 0.24); + background-color: rgb(147, 147, 147); + padding: 10px; +} + +#imgOuterGal img{ + height: 100%; + width: 100%; + object-fit: contain; +} diff --git a/demo/oldstyle/thumbnails/IMG_3263.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3263.JPG_thumbnail.png new file mode 100644 index 0000000..8b0d70a Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3263.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3555.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3555.JPG_thumbnail.png new file mode 100644 index 0000000..39bc9a3 Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3555.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3556.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3556.JPG_thumbnail.png new file mode 100644 index 0000000..27c6d74 Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3556.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3560.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3560.JPG_thumbnail.png new file mode 100644 index 0000000..5941843 Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3560.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3562.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3562.JPG_thumbnail.png new file mode 100644 index 0000000..096024e Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3562.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3568.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3568.JPG_thumbnail.png new file mode 100644 index 0000000..0226411 Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3568.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3580.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3580.JPG_thumbnail.png new file mode 100644 index 0000000..4d834f5 Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3580.JPG_thumbnail.png differ diff --git a/demo/oldstyle/thumbnails/IMG_3581.JPG_thumbnail.png b/demo/oldstyle/thumbnails/IMG_3581.JPG_thumbnail.png new file mode 100644 index 0000000..1be674a Binary files /dev/null and b/demo/oldstyle/thumbnails/IMG_3581.JPG_thumbnail.png differ diff --git a/demo/oldstyle/view.html b/demo/oldstyle/view.html new file mode 100644 index 0000000..080ba24 --- /dev/null +++ b/demo/oldstyle/view.html @@ -0,0 +1,47 @@ + + + + + Photo Gallery + + + + + + + +
+ + + +
+ +
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/demo/oldstyle/viewer/IMG_3263.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3263.JPG_viewer.png new file mode 100644 index 0000000..16a4809 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3263.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3555.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3555.JPG_viewer.png new file mode 100644 index 0000000..0d82710 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3555.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3556.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3556.JPG_viewer.png new file mode 100644 index 0000000..137f03f Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3556.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3560.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3560.JPG_viewer.png new file mode 100644 index 0000000..b70f950 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3560.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3562.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3562.JPG_viewer.png new file mode 100644 index 0000000..1d04f50 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3562.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3568.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3568.JPG_viewer.png new file mode 100644 index 0000000..a36879d Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3568.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3580.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3580.JPG_viewer.png new file mode 100644 index 0000000..cb0c776 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3580.JPG_viewer.png differ diff --git a/demo/oldstyle/viewer/IMG_3581.JPG_viewer.png b/demo/oldstyle/viewer/IMG_3581.JPG_viewer.png new file mode 100644 index 0000000..8230d60 Binary files /dev/null and b/demo/oldstyle/viewer/IMG_3581.JPG_viewer.png differ diff --git a/demo/sleek/fullSize/IMG_3263.JPG b/demo/sleek/fullSize/IMG_3263.JPG new file mode 100644 index 0000000..eed1113 Binary files /dev/null and b/demo/sleek/fullSize/IMG_3263.JPG differ diff --git a/demo/sleek/fullSize/IMG_3555.JPG b/demo/sleek/fullSize/IMG_3555.JPG new file mode 100644 index 0000000..5c2f3b7 Binary files /dev/null and b/demo/sleek/fullSize/IMG_3555.JPG differ diff --git a/demo/sleek/fullSize/IMG_3556.JPG b/demo/sleek/fullSize/IMG_3556.JPG new file mode 100644 index 0000000..21b03f4 Binary files /dev/null and b/demo/sleek/fullSize/IMG_3556.JPG differ diff --git a/demo/sleek/fullSize/IMG_3560.JPG b/demo/sleek/fullSize/IMG_3560.JPG new file mode 100644 index 0000000..8dcc534 Binary files /dev/null and b/demo/sleek/fullSize/IMG_3560.JPG differ diff --git a/demo/sleek/fullSize/IMG_3562.JPG b/demo/sleek/fullSize/IMG_3562.JPG new file mode 100644 index 0000000..165b16b Binary files /dev/null and b/demo/sleek/fullSize/IMG_3562.JPG differ diff --git a/demo/sleek/fullSize/IMG_3568.JPG b/demo/sleek/fullSize/IMG_3568.JPG new file mode 100644 index 0000000..bb03e3b Binary files /dev/null and b/demo/sleek/fullSize/IMG_3568.JPG differ diff --git a/demo/sleek/fullSize/IMG_3580.JPG b/demo/sleek/fullSize/IMG_3580.JPG new file mode 100644 index 0000000..cbcaf0a Binary files /dev/null and b/demo/sleek/fullSize/IMG_3580.JPG differ diff --git a/demo/sleek/fullSize/IMG_3581.JPG b/demo/sleek/fullSize/IMG_3581.JPG new file mode 100644 index 0000000..9652561 Binary files /dev/null and b/demo/sleek/fullSize/IMG_3581.JPG differ diff --git a/demo/sleek/index.html b/demo/sleek/index.html new file mode 100644 index 0000000..810db31 --- /dev/null +++ b/demo/sleek/index.html @@ -0,0 +1,62 @@ + + + + + Photo Gallery + + + + + + + + + + +
+ + +
+ +
+ + + + + \ No newline at end of file diff --git a/demo/sleek/style.css b/demo/sleek/style.css new file mode 100644 index 0000000..c8ae587 --- /dev/null +++ b/demo/sleek/style.css @@ -0,0 +1,193 @@ +:root{ + --width: 426px; + --widthPad: 406px; +} + +body{ + display: flex; + flex-direction: column; + align-items: center; + background-color: hsl(228, 10%, 10%); +} + +#header{ + width: var(--width); + font-family: Arial; + text-align: center; +} + +#header #title{ + color: hsl(0, 0%, 79%); + font-weight: bold; + font-size: 1.3em; + margin-bottom: 0px; + text-align: center; +} + +.hr{ + border: 1px dashed hsl(0, 0%, 41%); + margin-top: 3px; + margin-bottom: 0px; + width: var(--width); + opacity: 0; +} + +#header #description{ + color: hsl(0, 0%, 79%); + font-weight: bold; + font-size: 1em; + margin-top: 7px; + margin-bottom: 0px; +} + + +#header #author{ + color: hsl(0, 0%, 79%); + font-weight: lighter; + font-size: 0.8em; + margin-top: 5px; +} + + +#gallery{ + margin-top: 25px; + display: flex; + width: var(--width); + flex-direction: row; + justify-content: left; + flex-wrap: wrap; + /*padding: 10px;*/ +} + +.images{ + --divMax: max-content; + height: 120px; + width: 120px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: 0px; + padding: 10px; + object-fit: scale-down; +} + +.emptyDiv{ + display: none; +} + +.images img:hover{ + transform: scale(105%); +} + +.images img{ + transition: 0.2s; + /*box-shadow: 2px 3px 7px black;*/ +} + +.images a{ + height: 100%; + width: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +#smallFooter a{ + color: white; + font-family: Arial; + margin-right: 20px; +} + +#smallFooter{ + margin-top: 10px; + display: flex; + flex-direction: row; + width: var(--width); + justify-content: center; +} + +#smallFooter a{ + color: hsl(0, 0%, 79%); + margin: 0; + text-decoration: none; +} + +.activePage{ + border: 1px solid rgba(255, 255, 255, 0.29); + padding: 7px; + border-radius: 2px; +} + +#smallFooter #pageNumbs a:hover{ + color: white; +} + +#smallFooter #prevNext a{ + margin: 0px; + font-weight: bold; + margin-left: 10px; +} + +#smallFooter #contact{ + text-align: center; + background-color: #004fb1; + padding-top: 4px; + padding-bottom: 4px; + padding-right: 10px; + padding-left: 10px; + border-radius: 35px; + font-weight: bold; + transition: 0.3s; +} + +#smallFooter #contact:hover{ + background-color: #0068e4; + cursor: pointer; +} + +#footer{ + color: hsl(0, 0%, 21%); + font-weight: bold; + font-size: 0.8em; + margin-top: 5px; + font-family: arial; + position: static; + bottom: 0px; +} + + + +#imgOuterGal{ + display: flex; + width: var(--widthPad); + height: 300px; + display: flex; + flex-direction: row; + justify-content: center; + padding: 10px; + overflow: visible; +} + +#imgOuterGal img{ + border-radius: 10px; + transition: box-shadow 5s; +} + +#imgOuterGal img:hover{ + box-shadow: 1px 1px 75px rgba(255, 255, 255, 0.32); +} + +.images img{ + border-radius: 10px; +} + +@keyframes glowViewer { + from{ + box-shadow: none; + } + to{ + box-shadow: 1px 1px 75px white; + } +} \ No newline at end of file diff --git a/demo/sleek/thumbnails/IMG_3263.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3263.JPG_thumbnail.png new file mode 100644 index 0000000..8b0d70a Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3263.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3555.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3555.JPG_thumbnail.png new file mode 100644 index 0000000..39bc9a3 Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3555.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3556.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3556.JPG_thumbnail.png new file mode 100644 index 0000000..27c6d74 Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3556.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3560.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3560.JPG_thumbnail.png new file mode 100644 index 0000000..5941843 Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3560.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3562.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3562.JPG_thumbnail.png new file mode 100644 index 0000000..096024e Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3562.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3568.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3568.JPG_thumbnail.png new file mode 100644 index 0000000..0226411 Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3568.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3580.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3580.JPG_thumbnail.png new file mode 100644 index 0000000..4d834f5 Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3580.JPG_thumbnail.png differ diff --git a/demo/sleek/thumbnails/IMG_3581.JPG_thumbnail.png b/demo/sleek/thumbnails/IMG_3581.JPG_thumbnail.png new file mode 100644 index 0000000..1be674a Binary files /dev/null and b/demo/sleek/thumbnails/IMG_3581.JPG_thumbnail.png differ diff --git a/demo/sleek/view.html b/demo/sleek/view.html new file mode 100644 index 0000000..e255e2f --- /dev/null +++ b/demo/sleek/view.html @@ -0,0 +1,47 @@ + + + + + Photo Gallery + + + + + + + +
+ + + +
+ +
+ + +
+ +
+ + + + + + \ No newline at end of file diff --git a/demo/sleek/viewer/IMG_3263.JPG_viewer.png b/demo/sleek/viewer/IMG_3263.JPG_viewer.png new file mode 100644 index 0000000..16a4809 Binary files /dev/null and b/demo/sleek/viewer/IMG_3263.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3555.JPG_viewer.png b/demo/sleek/viewer/IMG_3555.JPG_viewer.png new file mode 100644 index 0000000..0d82710 Binary files /dev/null and b/demo/sleek/viewer/IMG_3555.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3556.JPG_viewer.png b/demo/sleek/viewer/IMG_3556.JPG_viewer.png new file mode 100644 index 0000000..137f03f Binary files /dev/null and b/demo/sleek/viewer/IMG_3556.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3560.JPG_viewer.png b/demo/sleek/viewer/IMG_3560.JPG_viewer.png new file mode 100644 index 0000000..b70f950 Binary files /dev/null and b/demo/sleek/viewer/IMG_3560.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3562.JPG_viewer.png b/demo/sleek/viewer/IMG_3562.JPG_viewer.png new file mode 100644 index 0000000..1d04f50 Binary files /dev/null and b/demo/sleek/viewer/IMG_3562.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3568.JPG_viewer.png b/demo/sleek/viewer/IMG_3568.JPG_viewer.png new file mode 100644 index 0000000..a36879d Binary files /dev/null and b/demo/sleek/viewer/IMG_3568.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3580.JPG_viewer.png b/demo/sleek/viewer/IMG_3580.JPG_viewer.png new file mode 100644 index 0000000..cb0c776 Binary files /dev/null and b/demo/sleek/viewer/IMG_3580.JPG_viewer.png differ diff --git a/demo/sleek/viewer/IMG_3581.JPG_viewer.png b/demo/sleek/viewer/IMG_3581.JPG_viewer.png new file mode 100644 index 0000000..8230d60 Binary files /dev/null and b/demo/sleek/viewer/IMG_3581.JPG_viewer.png differ diff --git a/demo/static/fonts/RobotoMono.ttf b/demo/static/fonts/RobotoMono.ttf new file mode 100644 index 0000000..fc02de4 Binary files /dev/null and b/demo/static/fonts/RobotoMono.ttf differ diff --git a/demo/style.css b/demo/style.css new file mode 100644 index 0000000..20f8997 --- /dev/null +++ b/demo/style.css @@ -0,0 +1,48 @@ +@font-face { + font-family: RobotoMono; + src: url("./static/fonts/RobotoMono.ttf"); +} + +body{ + background-color: hsl(225, 6%, 13%); + color: white; + font-family: RobotoMono; +} + +#header{ + text-align: center; + font-weight: bold; + font-size: 1.5em; +} + +#bodyInner{ + text-align: center; +} + +#bodyInner button{ + background-color: hsl(77, 100%, 24%); + border: none; + color: white; + padding: 10px; + width: 150px; + text-align: center; + margin: 5px; + border-radius: 50px; + font-size: 1em; + transition: 0.15s ease; + font-family: RobotoMono; +} + +#bodyInner button:hover{ + background-color: hsl(77, 100%, 32%); + transform: scale(105%); + cursor: pointer; +} + +#footer{ + text-align: center; + position: fixed; + bottom: 0px; + width: 100%; + color: rgba(255, 255, 255, 0.2); +} \ No newline at end of file diff --git a/website/index.html b/website/index.html new file mode 100644 index 0000000..aa2e624 --- /dev/null +++ b/website/index.html @@ -0,0 +1,42 @@ + + + + + Imgal + + + + + + +
+ + + +
+ +
+ Imgal is an OpenSource web image gallery creation program.

+ It is written in Python so it can be used on any OS.

+
+ + + +
+ + + + + \ No newline at end of file diff --git a/website/static/fonts/RobotoMono.ttf b/website/static/fonts/RobotoMono.ttf new file mode 100644 index 0000000..fc02de4 Binary files /dev/null and b/website/static/fonts/RobotoMono.ttf differ diff --git a/website/static/images/header.jpg b/website/static/images/header.jpg new file mode 100644 index 0000000..d499ddb Binary files /dev/null and b/website/static/images/header.jpg differ diff --git a/website/style.css b/website/style.css new file mode 100644 index 0000000..a9e10b1 --- /dev/null +++ b/website/style.css @@ -0,0 +1,120 @@ +@font-face { + font-family: RobotoMono; + src: url("./static/fonts/RobotoMono.ttf"); +} + +.material-symbols-outlined { + font-variation-settings: + 'FILL' 0, + 'wght' 200, + 'GRAD' 0, + 'opsz' 48 +} + +body{ + background-color: hsl(216, 5%, 18%); + color: white; + font-family: RobotoMono; +} + +#header{ + display: flex; + flex-direction: row; + align-items: center; + padding-left: 30px; + font-weight: bold; +} + +#header a{ + margin-right: 30px; + margin-left: auto; +} + +#header button{ + background-color: hsl(77, 100%, 24%); + border: none; + color: white; + font-family: RobotoMono; + padding: 7px; + padding-left: 25px; + padding-right: 25px; + border-radius: 50px; + font-size: 0.9em; + transition: 0.2s; + font-weight: bold; +} + +#header button:hover{ + background-color: hsl(77, 100%, 32%); + cursor: pointer; + transform: scale(1.05); +} + +#header img{ + height: 40px; + border-radius: 5px; + margin-right: 15px; +} + +#hr{ + width: 100%; + border: 1px solid rgba(255, 255, 255, 0.21); + margin-top: 10px; +} + +#text{ + text-align: center; + margin-top: 25px; +} + +.external_link a{ + color: rgba(255, 255, 255, 0.75); + transition: 0.2s; +} + +.external_link a:hover{ + color: rgb(255, 255, 255); +} + +.bold{ + font-weight: bold; +} + +.external_link{ + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} + +#external_links_outer{ + display: flex; + flex-direction: row; + justify-content: center; +} + +#external_links{ + border: 1px solid rgba(255, 255, 255, 0.37); + border-radius: 10px; + width: 700px; + margin-top: 100px; + text-align: center; + padding: 15px; +} + +#external_links p{ + margin-top: 0px; +} + +#footer{ + display: block; + text-align: center; + position: fixed; + width: 100%; + bottom: 10px; + color: rgba(255, 255, 255, 0.27); +} + +.arial{ + font-family: Arial; +} \ No newline at end of file