mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-06-03 19:32:56 +00:00
Compare commits
2 Commits
f4d4c5b313
...
51abe47732
| Author | SHA1 | Date | |
|---|---|---|---|
 Tomas Dvorak
|
51abe47732 | ||
|
Tomas Dvorak
|
b118bd44c0 |
@@ -1,38 +1,38 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-5" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-2" cx="385.98" cy="398.23" rx="346.6" ry="240.89"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<path class="cls-6" d="M354.32,314.99c-153.15,0-285.74,57.38-350.27,141.05,27.46,193.69,194.95,343.96,395.95,343.96,145.19,0,272.92-78.43,343.01-194.95,2.25-11.06,3.5-22.32,3.5-33.79,0-141.54-175.57-256.26-392.18-256.26h-.01ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01Z"/>
|
||||
<path class="cls-4" d="M400,59.38c211.91,0,383.56,164,398.79,370.22.72-9.78,1.21-19.65,1.21-29.6,0-220-177.99-400-400-400S0,180,0,400c0,9.97.49,19.88,1.23,29.69C16.57,223.41,190.01,59.38,400,59.38Z"/>
|
||||
<path class="cls-3" d="M526.12,779.38c23.37-53.81,52.72-134.27,57.86-142.03,6.03-11.99,4.01-27.99-9.97-33.99-104.01-64-236.01-78-388-44-12,4-22,16-18,30,2.01,6.06,10.5,79.17,20.21,149.41,61.52,38.72,134.13,61.23,211.79,61.23,44.04,0,86.4-7.32,126.12-20.62h-.01Z"/>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-5" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-2" cx="385.98" cy="398.23" rx="346.6" ry="240.89"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<path class="cls-6" d="M354.32,314.99c-153.15,0-285.74,57.38-350.27,141.05,27.46,193.69,194.95,343.96,395.95,343.96,145.19,0,272.92-78.43,343.01-194.95,2.25-11.06,3.5-22.32,3.5-33.79,0-141.54-175.57-256.26-392.18-256.26h-.01ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01Z"/>
|
||||
<path class="cls-4" d="M400,59.38c211.91,0,383.56,164,398.79,370.22.72-9.78,1.21-19.65,1.21-29.6,0-220-177.99-400-400-400S0,180,0,400c0,9.97.49,19.88,1.23,29.69C16.57,223.41,190.01,59.38,400,59.38Z"/>
|
||||
<path class="cls-3" d="M526.12,779.38c23.37-53.81,52.72-134.27,57.86-142.03,6.03-11.99,4.01-27.99-9.97-33.99-104.01-64-236.01-78-388-44-12,4-22,16-18,30,2.01,6.06,10.5,79.17,20.21,149.41,61.52,38.72,134.13,61.23,211.79,61.23,44.04,0,86.4-7.32,126.12-20.62h-.01Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.1 KiB |
@@ -1,38 +1,38 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #231f20;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-5" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-4" cx="385.98" cy="398.23" rx="346.6" ry="240.89"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<path class="cls-6" d="M354.32,314.99c-153.15,0-285.74,57.38-350.27,141.05,27.46,193.69,194.95,343.96,395.95,343.96,145.19,0,272.92-78.43,343.01-194.95,2.25-11.06,3.5-22.32,3.5-33.79,0-141.54-175.57-256.26-392.18-256.26h-.01ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01Z"/>
|
||||
<path class="cls-3" d="M400,59.38c211.91,0,383.56,164,398.79,370.22.72-9.78,1.21-19.65,1.21-29.6,0-220-177.99-400-400-400S0,180,0,400c0,9.97.49,19.88,1.23,29.69C16.57,223.41,190.01,59.38,400,59.38Z"/>
|
||||
<path class="cls-2" d="M526.12,779.38c23.37-53.81,52.72-134.27,57.86-142.03,6.03-11.99,4.01-27.99-9.97-33.99-104.01-64-236.01-78-388-44-12,4-22,16-18,30,2.01,6.06,10.5,79.17,20.21,149.41,61.52,38.72,134.13,61.23,211.79,61.23,44.04,0,86.4-7.32,126.12-20.62h-.01Z"/>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #231f20;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-5" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-4" cx="385.98" cy="398.23" rx="346.6" ry="240.89"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400,0C180.01,0,0,180,0,400s180.01,400,400,400,400-180.01,400-400S622.01,0,400,0ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01ZM687.99,345.99c-9.97,13.99-34,20.01-51.99,9.97-128-75.97-341.99-83.97-463.99-45.99-20.03,6.03-40.01-5.99-45.99-23.99-6.03-19.99,5.99-40,23.97-45.99,142-41.99,376.03-34.03,524,54.01,18,9.99,24.03,33.97,13.99,51.97v.02Z"/>
|
||||
<path class="cls-6" d="M354.32,314.99c-153.15,0-285.74,57.38-350.27,141.05,27.46,193.69,194.95,343.96,395.95,343.96,145.19,0,272.92-78.43,343.01-194.95,2.25-11.06,3.5-22.32,3.5-33.79,0-141.54-175.57-256.26-392.18-256.26h-.01ZM583.99,577.99c-7.96,12.01-21.97,16.01-33.99,8-94-58-212.01-69.99-351.97-37.97-14.04,3.97-26.01-6.03-30.01-18.01-4.01-14,6-26.01,18-30,151.99-34,284-20,388,44,13.97,6,16,22,9.97,33.99h0ZM632,468c-9.99,14-28.01,19.99-42,9.99-108-65.99-272-86-398.01-45.99-15.97,4-34-4.01-38-20-4-16,4.01-34.01,20.01-38.01,146-43.99,326-22.01,450,54,12,6,18,26.01,8,40.01Z"/>
|
||||
<path class="cls-3" d="M400,59.38c211.91,0,383.56,164,398.79,370.22.72-9.78,1.21-19.65,1.21-29.6,0-220-177.99-400-400-400S0,180,0,400c0,9.97.49,19.88,1.23,29.69C16.57,223.41,190.01,59.38,400,59.38Z"/>
|
||||
<path class="cls-2" d="M526.12,779.38c23.37-53.81,52.72-134.27,57.86-142.03,6.03-11.99,4.01-27.99-9.97-33.99-104.01-64-236.01-78-388-44-12,4-22,16-18,30,2.01,6.06,10.5,79.17,20.21,149.41,61.52,38.72,134.13,61.23,211.79,61.23,44.04,0,86.4-7.32,126.12-20.62h-.01Z"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.1 KiB |
@@ -1,71 +1,71 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
|
||||
<head>
|
||||
|
||||
<!-- Metas -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>404</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap"
|
||||
rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap"
|
||||
rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="../plugins.css">
|
||||
|
||||
<!-- Core Style Css -->
|
||||
<link rel="stylesheet" href="../404.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="main-bg">
|
||||
|
||||
|
||||
<div class="cursor"></div>
|
||||
|
||||
|
||||
<div id="smooth-wrapper">
|
||||
|
||||
|
||||
|
||||
<div id="smooth-content">
|
||||
|
||||
<main class="main-bg">
|
||||
|
||||
|
||||
<!-- ==================== Start 404 ==================== -->
|
||||
|
||||
<section class="error-404 section-padding">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-5 col-md-8">
|
||||
<div class="img">
|
||||
<img src="../404.svg" alt="">
|
||||
</div>
|
||||
<div class="cont text-center">
|
||||
<h3>Page not found</h3>
|
||||
<p class="mt-15">The requested URL you are looking for <br>
|
||||
doesn’t exist on this server.</p>
|
||||
<a href="https://tdvorak.dev" class="fourofour butn butn-md main-colorbg3 radius-30 mt-50 fw-600">Back To Homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../jquery-3.6.0.min.js"></script>
|
||||
<script src="../404.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="zxx">
|
||||
|
||||
<head>
|
||||
|
||||
<!-- Metas -->
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>404</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap"
|
||||
rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap"
|
||||
rel="stylesheet">
|
||||
|
||||
<link rel="stylesheet" href="../plugins.css">
|
||||
|
||||
<!-- Core Style Css -->
|
||||
<link rel="stylesheet" href="../404.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body class="main-bg">
|
||||
|
||||
|
||||
<div class="cursor"></div>
|
||||
|
||||
|
||||
<div id="smooth-wrapper">
|
||||
|
||||
|
||||
|
||||
<div id="smooth-content">
|
||||
|
||||
<main class="main-bg">
|
||||
|
||||
|
||||
<!-- ==================== Start 404 ==================== -->
|
||||
|
||||
<section class="error-404 section-padding">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-5 col-md-8">
|
||||
<div class="img">
|
||||
<img src="../404.svg" alt="">
|
||||
</div>
|
||||
<div class="cont text-center">
|
||||
<h3>Page not found</h3>
|
||||
<p class="mt-15">The requested URL you are looking for <br>
|
||||
doesn’t exist on this server.</p>
|
||||
<a href="https://tdvorak.dev" class="fourofour butn butn-md main-colorbg3 radius-30 mt-50 fw-600">Back To Homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../jquery-3.6.0.min.js"></script>
|
||||
<script src="../404.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 114 KiB After Width: | Height: | Size: 114 KiB |
Vendored
+6
-6
File diff suppressed because one or more lines are too long
+281
-281
@@ -1,281 +1,281 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Freedom</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
background-color: #f4f4f9;
|
||||
margin: 0;
|
||||
}
|
||||
#countdown {
|
||||
font-size: 2em;
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: #ffcc00;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
.calendar {
|
||||
margin-top: 30px;
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.crossed {
|
||||
text-decoration: line-through;
|
||||
color: #999;
|
||||
}
|
||||
.note {
|
||||
margin-top: 30px;
|
||||
background-color: #f9e0fa;
|
||||
padding: 15px;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ddd;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
background-color: #a29ea2;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #ba84ba;
|
||||
}
|
||||
.note-history {
|
||||
margin-top: 20px;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.note-item {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.note-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
padding: 10px;
|
||||
}
|
||||
#countdown {
|
||||
font-size: 1.5em;
|
||||
padding: 15px;
|
||||
}
|
||||
.calendar, .note {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Odpočítávání do svobody</h1>
|
||||
<p>Zbývá ještě:</p>
|
||||
<div id="countdown"></div><br>
|
||||
|
||||
<div class="calendar">
|
||||
<h2>Aktuální měsíc</h2>
|
||||
<div id="calendar"></div>
|
||||
</div>
|
||||
|
||||
<p id="currentDate"></p>
|
||||
|
||||
<div class="note">
|
||||
<h3>Poznámky k dnešnímu dni</h3>
|
||||
<textarea id="noteInput" rows="4" placeholder="Zadejte svou poznámku zde..."></textarea>
|
||||
<br>
|
||||
<button onclick="saveNote()">Uložit poznámku</button>
|
||||
</div>
|
||||
|
||||
<div class="note-history">
|
||||
<h3>Historie poznámek</h3>
|
||||
<div id="noteHistory"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Datum konce školy (maturita v červnu 2027)
|
||||
const endDate = new Date("Jun 30, 2027 00:00:00").getTime();
|
||||
|
||||
// Funkce pro aktualizaci odpočtu
|
||||
function updateCountdown() {
|
||||
const now = new Date().getTime();
|
||||
const distance = endDate - now;
|
||||
|
||||
// Výpočty pro dny, hodiny, minuty a sekundy
|
||||
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
// Zobrazení výsledků
|
||||
document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
|
||||
|
||||
// Pokud odpočet skončí, zobrazí zprávu
|
||||
if (distance < 0) {
|
||||
clearInterval(interval);
|
||||
document.getElementById("countdown").innerHTML = "Finally";
|
||||
}
|
||||
}
|
||||
|
||||
// Aktualizuj odpočet každou sekundu
|
||||
const interval = setInterval(updateCountdown, 1000);
|
||||
|
||||
// Funkce pro generování kalendáře s přeškrtnutými dny
|
||||
function generateCalendar() {
|
||||
const now = new Date();
|
||||
const month = now.getMonth(); // Měsíc (0-11)
|
||||
const year = now.getFullYear(); // Rok
|
||||
const firstDay = new Date(year, month, 1).getDay(); // První den měsíce
|
||||
const daysInMonth = new Date(year, month + 1, 0).getDate(); // Počet dní v měsíci
|
||||
|
||||
let calendarHTML = "<table><thead><tr>";
|
||||
const daysOfWeek = ["Ned", "Pon", "Úte", "Stř", "Čtv", "Pát", "Sob"];
|
||||
for (let i = 0; i < daysOfWeek.length; i++) {
|
||||
calendarHTML += `<th>${daysOfWeek[i]}</th>`;
|
||||
}
|
||||
calendarHTML += "</tr></thead><tbody><tr>";
|
||||
|
||||
// Přidej prázdné buňky na začátek měsíce (pokud první den není neděle)
|
||||
for (let i = 0; i < firstDay; i++) {
|
||||
calendarHTML += "<td></td>";
|
||||
}
|
||||
|
||||
// Přidej dny měsíce s kontrolou, zda už jsou za námi
|
||||
for (let day = 1; day <= daysInMonth; day++) {
|
||||
const currentDate = new Date(year, month, day);
|
||||
const today = new Date();
|
||||
const isPast = currentDate < today; // Pokud je den v minulosti
|
||||
|
||||
// Přeškrtni uběhlé dny
|
||||
if ((firstDay + day - 1) % 7 === 0 && day !== 1) {
|
||||
calendarHTML += "</tr><tr>"; // Přejít na nový řádek
|
||||
}
|
||||
|
||||
// Přidání třídy 'crossed' pro uběhlé dny
|
||||
if (isPast) {
|
||||
calendarHTML += `<td class="crossed">${day}</td>`;
|
||||
} else {
|
||||
calendarHTML += `<td>${day}</td>`;
|
||||
}
|
||||
}
|
||||
|
||||
calendarHTML += "</tr></tbody></table>";
|
||||
document.getElementById("calendar").innerHTML = calendarHTML;
|
||||
}
|
||||
|
||||
// Funkce pro zobrazení aktuálního data, roku, hodin a minut
|
||||
function updateCurrentDate() {
|
||||
const now = new Date();
|
||||
const year = now.getFullYear();
|
||||
const month = now.getMonth() + 1; // Měsíc (1-12)
|
||||
const day = now.getDate();
|
||||
const hours = now.getHours();
|
||||
const minutes = now.getMinutes();
|
||||
const seconds = now.getSeconds();
|
||||
|
||||
// Formátování času a data
|
||||
const formattedDate = `${day}.${month}.${year} ${hours}:${minutes}:${seconds}`;
|
||||
document.getElementById("currentDate").innerHTML = `Aktuální datum a čas: ${formattedDate}`;
|
||||
}
|
||||
|
||||
// Funkce pro uložení poznámky
|
||||
// Funkce pro uložení poznámky
|
||||
function saveNote() {
|
||||
const now = new Date();
|
||||
const currentDate = now.toISOString().split("T")[0];
|
||||
const noteInput = document.getElementById("noteInput").value;
|
||||
const time = `${now.getHours()}:${now.getMinutes()}`;
|
||||
|
||||
// Pokud uživatel zadá 'clear', vyčistí všechny poznámky
|
||||
if (noteInput.toLowerCase() === 'clear') {
|
||||
localStorage.clear();
|
||||
alert("Všechny poznámky byly vymazány!");
|
||||
displayNoteHistory(); // Aktualizace historie po vymazání
|
||||
return;
|
||||
}
|
||||
|
||||
// Získání poznámek z localStorage nebo prázdného pole, pokud žádné nejsou
|
||||
let notes = JSON.parse(localStorage.getItem("notes"));
|
||||
if (!Array.isArray(notes)) {
|
||||
notes = []; // Pokud nejsou poznámky nebo jsou v nesprávném formátu, vytvoříme nové pole
|
||||
}
|
||||
|
||||
// Přidání nové poznámky do seznamu
|
||||
notes.push({
|
||||
date: currentDate,
|
||||
text: noteInput,
|
||||
time: time
|
||||
});
|
||||
|
||||
// Uložení aktualizovaného seznamu poznámek zpět do localStorage
|
||||
localStorage.setItem("notes", JSON.stringify(notes));
|
||||
|
||||
// Aktualizuj historii poznámek
|
||||
displayNoteHistory();
|
||||
}
|
||||
|
||||
// Funkce pro zobrazení historie poznámek
|
||||
function displayNoteHistory() {
|
||||
const notes = JSON.parse(localStorage.getItem("notes")) || [];
|
||||
const noteHistoryDiv = document.getElementById("noteHistory");
|
||||
noteHistoryDiv.innerHTML = ""; // Vyprázdní seznam před zobrazením
|
||||
|
||||
// Zobrazení každé poznámky
|
||||
notes.forEach(note => {
|
||||
const noteItem = document.createElement("div");
|
||||
noteItem.classList.add("note-item");
|
||||
noteItem.innerHTML = `<strong>${note.date}</strong> ${note.time}: ${note.text}`;
|
||||
noteHistoryDiv.appendChild(noteItem);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Zavolej funkce
|
||||
generateCalendar();
|
||||
updateCurrentDate();
|
||||
setInterval(updateCurrentDate, 1000);
|
||||
displayNoteHistory();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="cs">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Freedom</title>
|
||||
<style>
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
background-color: #f4f4f9;
|
||||
margin: 0;
|
||||
}
|
||||
#countdown {
|
||||
font-size: 2em;
|
||||
margin-top: 20px;
|
||||
padding: 20px;
|
||||
background-color: #ffcc00;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
.calendar {
|
||||
margin-top: 30px;
|
||||
display: inline-block;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
padding: 10px;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
.crossed {
|
||||
text-decoration: line-through;
|
||||
color: #999;
|
||||
}
|
||||
.note {
|
||||
margin-top: 30px;
|
||||
background-color: #f9e0fa;
|
||||
padding: 15px;
|
||||
border-radius: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
textarea {
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
margin-top: 10px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ddd;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
button {
|
||||
background-color: #a29ea2;
|
||||
color: white;
|
||||
padding: 10px 20px;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
margin-top: 10px;
|
||||
}
|
||||
button:hover {
|
||||
background-color: #ba84ba;
|
||||
}
|
||||
.note-history {
|
||||
margin-top: 20px;
|
||||
background-color: #fff;
|
||||
border-radius: 10px;
|
||||
padding: 15px;
|
||||
border: 1px solid #ddd;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.note-item {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.note-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
body {
|
||||
padding: 10px;
|
||||
}
|
||||
#countdown {
|
||||
font-size: 1.5em;
|
||||
padding: 15px;
|
||||
}
|
||||
.calendar, .note {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Odpočítávání do svobody</h1>
|
||||
<p>Zbývá ještě:</p>
|
||||
<div id="countdown"></div><br>
|
||||
|
||||
<div class="calendar">
|
||||
<h2>Aktuální měsíc</h2>
|
||||
<div id="calendar"></div>
|
||||
</div>
|
||||
|
||||
<p id="currentDate"></p>
|
||||
|
||||
<div class="note">
|
||||
<h3>Poznámky k dnešnímu dni</h3>
|
||||
<textarea id="noteInput" rows="4" placeholder="Zadejte svou poznámku zde..."></textarea>
|
||||
<br>
|
||||
<button onclick="saveNote()">Uložit poznámku</button>
|
||||
</div>
|
||||
|
||||
<div class="note-history">
|
||||
<h3>Historie poznámek</h3>
|
||||
<div id="noteHistory"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Datum konce školy (maturita v červnu 2027)
|
||||
const endDate = new Date("Jun 30, 2027 00:00:00").getTime();
|
||||
|
||||
// Funkce pro aktualizaci odpočtu
|
||||
function updateCountdown() {
|
||||
const now = new Date().getTime();
|
||||
const distance = endDate - now;
|
||||
|
||||
// Výpočty pro dny, hodiny, minuty a sekundy
|
||||
const days = Math.floor(distance / (1000 * 60 * 60 * 24));
|
||||
const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
|
||||
const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
|
||||
const seconds = Math.floor((distance % (1000 * 60)) / 1000);
|
||||
|
||||
// Zobrazení výsledků
|
||||
document.getElementById("countdown").innerHTML = days + "d " + hours + "h " + minutes + "m " + seconds + "s ";
|
||||
|
||||
// Pokud odpočet skončí, zobrazí zprávu
|
||||
if (distance < 0) {
|
||||
clearInterval(interval);
|
||||
document.getElementById("countdown").innerHTML = "Finally";
|
||||
}
|
||||
}
|
||||
|
||||
// Aktualizuj odpočet každou sekundu
|
||||
const interval = setInterval(updateCountdown, 1000);
|
||||
|
||||
// Funkce pro generování kalendáře s přeškrtnutými dny
|
||||
function generateCalendar() {
|
||||
const now = new Date();
|
||||
const month = now.getMonth(); // Měsíc (0-11)
|
||||
const year = now.getFullYear(); // Rok
|
||||
const firstDay = new Date(year, month, 1).getDay(); // První den měsíce
|
||||
const daysInMonth = new Date(year, month + 1, 0).getDate(); // Počet dní v měsíci
|
||||
|
||||
let calendarHTML = "<table><thead><tr>";
|
||||
const daysOfWeek = ["Ned", "Pon", "Úte", "Stř", "Čtv", "Pát", "Sob"];
|
||||
for (let i = 0; i < daysOfWeek.length; i++) {
|
||||
calendarHTML += `<th>${daysOfWeek[i]}</th>`;
|
||||
}
|
||||
calendarHTML += "</tr></thead><tbody><tr>";
|
||||
|
||||
// Přidej prázdné buňky na začátek měsíce (pokud první den není neděle)
|
||||
for (let i = 0; i < firstDay; i++) {
|
||||
calendarHTML += "<td></td>";
|
||||
}
|
||||
|
||||
// Přidej dny měsíce s kontrolou, zda už jsou za námi
|
||||
for (let day = 1; day <= daysInMonth; day++) {
|
||||
const currentDate = new Date(year, month, day);
|
||||
const today = new Date();
|
||||
const isPast = currentDate < today; // Pokud je den v minulosti
|
||||
|
||||
// Přeškrtni uběhlé dny
|
||||
if ((firstDay + day - 1) % 7 === 0 && day !== 1) {
|
||||
calendarHTML += "</tr><tr>"; // Přejít na nový řádek
|
||||
}
|
||||
|
||||
// Přidání třídy 'crossed' pro uběhlé dny
|
||||
if (isPast) {
|
||||
calendarHTML += `<td class="crossed">${day}</td>`;
|
||||
} else {
|
||||
calendarHTML += `<td>${day}</td>`;
|
||||
}
|
||||
}
|
||||
|
||||
calendarHTML += "</tr></tbody></table>";
|
||||
document.getElementById("calendar").innerHTML = calendarHTML;
|
||||
}
|
||||
|
||||
// Funkce pro zobrazení aktuálního data, roku, hodin a minut
|
||||
function updateCurrentDate() {
|
||||
const now = new Date();
|
||||
const year = now.getFullYear();
|
||||
const month = now.getMonth() + 1; // Měsíc (1-12)
|
||||
const day = now.getDate();
|
||||
const hours = now.getHours();
|
||||
const minutes = now.getMinutes();
|
||||
const seconds = now.getSeconds();
|
||||
|
||||
// Formátování času a data
|
||||
const formattedDate = `${day}.${month}.${year} ${hours}:${minutes}:${seconds}`;
|
||||
document.getElementById("currentDate").innerHTML = `Aktuální datum a čas: ${formattedDate}`;
|
||||
}
|
||||
|
||||
// Funkce pro uložení poznámky
|
||||
// Funkce pro uložení poznámky
|
||||
function saveNote() {
|
||||
const now = new Date();
|
||||
const currentDate = now.toISOString().split("T")[0];
|
||||
const noteInput = document.getElementById("noteInput").value;
|
||||
const time = `${now.getHours()}:${now.getMinutes()}`;
|
||||
|
||||
// Pokud uživatel zadá 'clear', vyčistí všechny poznámky
|
||||
if (noteInput.toLowerCase() === 'clear') {
|
||||
localStorage.clear();
|
||||
alert("Všechny poznámky byly vymazány!");
|
||||
displayNoteHistory(); // Aktualizace historie po vymazání
|
||||
return;
|
||||
}
|
||||
|
||||
// Získání poznámek z localStorage nebo prázdného pole, pokud žádné nejsou
|
||||
let notes = JSON.parse(localStorage.getItem("notes"));
|
||||
if (!Array.isArray(notes)) {
|
||||
notes = []; // Pokud nejsou poznámky nebo jsou v nesprávném formátu, vytvoříme nové pole
|
||||
}
|
||||
|
||||
// Přidání nové poznámky do seznamu
|
||||
notes.push({
|
||||
date: currentDate,
|
||||
text: noteInput,
|
||||
time: time
|
||||
});
|
||||
|
||||
// Uložení aktualizovaného seznamu poznámek zpět do localStorage
|
||||
localStorage.setItem("notes", JSON.stringify(notes));
|
||||
|
||||
// Aktualizuj historii poznámek
|
||||
displayNoteHistory();
|
||||
}
|
||||
|
||||
// Funkce pro zobrazení historie poznámek
|
||||
function displayNoteHistory() {
|
||||
const notes = JSON.parse(localStorage.getItem("notes")) || [];
|
||||
const noteHistoryDiv = document.getElementById("noteHistory");
|
||||
noteHistoryDiv.innerHTML = ""; // Vyprázdní seznam před zobrazením
|
||||
|
||||
// Zobrazení každé poznámky
|
||||
notes.forEach(note => {
|
||||
const noteItem = document.createElement("div");
|
||||
noteItem.classList.add("note-item");
|
||||
noteItem.innerHTML = `<strong>${note.date}</strong> ${note.time}: ${note.text}`;
|
||||
noteHistoryDiv.appendChild(noteItem);
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Zavolej funkce
|
||||
generateCalendar();
|
||||
updateCurrentDate();
|
||||
setInterval(updateCurrentDate, 1000);
|
||||
displayNoteHistory();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 258 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 101 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 146 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 234 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 251 KiB |
+425
-188
@@ -117,167 +117,32 @@
|
||||
<section class="section tab-content active" data-tab-content="project">
|
||||
<div class="container">
|
||||
<div class="project-list">
|
||||
<!-- SparkScreen -->
|
||||
<div class="card">
|
||||
<!-- Trackeep (2026) -->
|
||||
<div class="card" data-year="2026">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen" width="334" height="180" class="img-cover">
|
||||
<img src="images/trackeep.png" alt="Trackeep" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">SparkScreen</h3>
|
||||
<span class="label-large card-subtitle">Open Source</span>
|
||||
<h3 class="title-large card-title">Trackeep</h3>
|
||||
</div>
|
||||
<a href="https://www.sparkscreen.xyz/" target="_blank" class="state-layer" title="Free and open-source platform for movies and TV shows"></a>
|
||||
<a href="https://github.com/Dvorinka/Trackeep" target="_blank" class="state-layer" title="Tracking and monitoring system"></a>
|
||||
</div>
|
||||
|
||||
<!-- SportCreative -->
|
||||
<div class="card">
|
||||
<!-- Containr (2026 - Work in Progress) -->
|
||||
<div class="card" data-year="2026 - Work in Progress">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sportcreative.png" alt="SportCreative" width="334" height="180" class="img-cover">
|
||||
<img src="images/containr.png" alt="Containr" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Agency Website</span>
|
||||
<h3 class="title-large card-title">SportCreative</h3>
|
||||
<span class="label-large card-subtitle">Open Source</span>
|
||||
<h3 class="title-large card-title">Containr</h3>
|
||||
</div>
|
||||
<a href="https://www.sportcreative.eu/" target="_blank" class="state-layer" title="Digitální marketing pro sportovní týmy a společnosti"></a>
|
||||
<a href="https://github.com/Dvorinka/Containr" target="_blank" class="state-layer" title="Container management system"></a>
|
||||
</div>
|
||||
|
||||
<!-- MyClub (SportCreative) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sportcreative.png" alt="MyClub by SportCreative" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">MyClub</h3>
|
||||
</div>
|
||||
<a href="https://www.myclub.sportcreative.eu/" target="_blank" class="state-layer" title="Systém pro kluby, klubové weby, automatizace"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS CZ -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.cz.png" alt="ZEUS CZ" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">E‑shop</span>
|
||||
<h3 class="title-large card-title">ZEUS (CZ)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.cz/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS EU (selfhosted) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.eu.png" alt="ZEUS EU" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">ZEUS (EU)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.eu/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- Bizoni UH (club site) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/bizoni.png" alt="Bizoni UH" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Bizoni UH</h3>
|
||||
</div>
|
||||
<a href="https://www.bizoniuh.cz/" target="_blank" class="state-layer" title="Klubový web Bizoni UH"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik (landing) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.png" alt="Reklik landing" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Landing Page</span>
|
||||
<h3 class="title-large card-title">Reklik</h3>
|
||||
</div>
|
||||
<a href="https://www.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik Foto (portfolio) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.foto.png" alt="Reklik foto portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Reklik Foto</h3>
|
||||
</div>
|
||||
<a href="https://foto.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí - portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- Personal Portfolio -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/tdvorak.png" alt="Personal portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Personal Portfolio</h3>
|
||||
</div>
|
||||
<a href="https://www.tdvorak.dev/" target="_blank" class="state-layer" title="Personal portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- 1337x scraper -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/1337x.png" alt="1337x scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">1337x Scraper</h3>
|
||||
</div>
|
||||
<a href="https://1337x.tdvorak.dev/" target="_blank" class="state-layer" title="1337x scraper, torrents"></a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- FAČR scraper -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/facr.png" alt="FAČR scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">FAČR Scraper</h3>
|
||||
</div>
|
||||
<a href="https://facr.tdvorak.dev/" target="_blank" class="state-layer" title="FAČR scraper, Czech football and futsal info"></a>
|
||||
</div>
|
||||
|
||||
<!-- SparkScreen API (GoAPI) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen API (GoAPI)" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">GoAPI</h3>
|
||||
</div>
|
||||
<a href="https://goapi.tdvorak.dev/" target="_blank" class="state-layer" title="SparkScreen API, movies, stats"></a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Sendmail API -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project12.webp" alt="Email sending API" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Sendmail API</h3>
|
||||
</div>
|
||||
<a href="https://sendmail.tdvorak.dev/" target="_blank" class="state-layer" title="Email sending API"></a>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- YouTube channel data scraper API -->
|
||||
<div class="card">
|
||||
<!-- YouTube Scraper API (2026) -->
|
||||
<div class="card" data-year="2026">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/youtube.png" alt="YouTube data scraper API" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
@@ -288,8 +153,129 @@
|
||||
<a href="https://youtube.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube channel data scraper API"></a>
|
||||
</div>
|
||||
|
||||
<!-- YouTube search scraper API (proxy) -->
|
||||
<div class="card">
|
||||
<!-- PlexSync (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/plexsync.png" alt="PlexSync" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Open Source</span>
|
||||
<h3 class="title-large card-title">PlexSync</h3>
|
||||
</div>
|
||||
<a href="https://github.com/Dvorinka/PlexSync" target="_blank" class="state-layer" title="Plex synchronization tool"></a>
|
||||
</div>
|
||||
|
||||
<!-- EDI_DELFOR_Parser (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/ediparser.png" alt="EDI_DELFOR_Parser" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Open Source</span>
|
||||
<h3 class="title-large card-title">EDI_DELFOR_Parser</h3>
|
||||
</div>
|
||||
<a href="https://github.com/Dvorinka/EDI_DELFOR_Parser" target="_blank" class="state-layer" title="EDI DELFOR Parser tool"></a>
|
||||
</div>
|
||||
|
||||
<!-- PPve (2025) - Private Company App -->
|
||||
<div class="card" data-year="2025">
|
||||
<div class="card-banner" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; --width: 334; --height: 180;">
|
||||
<img src="images/ppve.png" alt="PPve App 1" width="163" height="180" class="img-cover" style="border-radius: var(--radius-medium);">
|
||||
<img src="images/ppve2.png" alt="PPve App 2" width="163" height="180" class="img-cover" style="border-radius: var(--radius-medium);">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Private Company App</span>
|
||||
<h3 class="title-large card-title">PPve</h3>
|
||||
</div>
|
||||
<div class="state-layer" style="cursor: default;" title="Private company application - not available"></div>
|
||||
</div>
|
||||
|
||||
<!-- MyClub (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/myclub.png" alt="MyClub" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">MyClub</h3>
|
||||
</div>
|
||||
<a href="https://dvfildtxww7oa.ok.kimi.link/" target="_blank" class="state-layer" title="Club management system"></a>
|
||||
</div>
|
||||
|
||||
<!-- SportCreative (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sportcreative.png" alt="SportCreative" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Agency Website</span>
|
||||
<h3 class="title-large card-title">SportCreative</h3>
|
||||
</div>
|
||||
<a href="https://www.sportcreative.eu/" target="_blank" class="state-layer" title="Digitální marketing pro sportovní týmy a společnosti"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS CZ (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.cz.png" alt="ZEUS CZ" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">E‑shop</span>
|
||||
<h3 class="title-large card-title">ZEUS (CZ)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.cz/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS EU (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.eu.png" alt="ZEUS EU" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">ZEUS (EU)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.eu/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik (landing) (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.png" alt="Reklik landing" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Landing Page</span>
|
||||
<h3 class="title-large card-title">Reklik</h3>
|
||||
</div>
|
||||
<a href="https://www.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik Foto (portfolio) (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.foto.png" alt="Reklik foto portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Reklik Foto</h3>
|
||||
</div>
|
||||
<a href="https://foto.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí - portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- FAČR scraper (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/facr.png" alt="FAČR scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">FAČR Scraper</h3>
|
||||
</div>
|
||||
<a href="https://facr.tdvorak.dev/" target="_blank" class="state-layer" title="FAČR scraper, Czech football and futsal info"></a>
|
||||
</div>
|
||||
|
||||
<!-- YouTube Proxy API (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/ytbproxy.png" alt="YouTube search scraper API" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
@@ -300,6 +286,247 @@
|
||||
<a href="https://ytbproxy.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube search scraper API"></a>
|
||||
</div>
|
||||
|
||||
<!-- SparkScreen (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">SparkScreen</h3>
|
||||
</div>
|
||||
<a href="https://www.sparkscreen.xyz/" target="_blank" class="state-layer" title="Free and open-source platform for movies and TV shows"></a>
|
||||
</div>
|
||||
|
||||
<!-- 1337x scraper (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/1337x.png" alt="1337x scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">1337x Scraper</h3>
|
||||
</div>
|
||||
<a href="https://1337x.tdvorak.dev/" target="_blank" class="state-layer" title="1337x scraper, torrents"></a>
|
||||
</div>
|
||||
|
||||
<!-- GoAPI (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen API (GoAPI)" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">GoAPI</h3>
|
||||
</div>
|
||||
<a href="https://goapi.tdvorak.dev/" target="_blank" class="state-layer" title="SparkScreen API, movies, stats"></a>
|
||||
</div>
|
||||
|
||||
<!-- Bizoni UH (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/bizoni.png" alt="Bizoni UH" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Bizoni UH</h3>
|
||||
</div>
|
||||
<a href="https://www.bizoniuh.cz/" target="_blank" class="state-layer" title="Klubový web Bizoni UH"></a>
|
||||
</div>
|
||||
|
||||
<!-- Personal Portfolio (2023) -->
|
||||
<div class="card" data-year="2023">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/tdvorak.png" alt="Personal portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Personal Portfolio</h3>
|
||||
</div>
|
||||
<a href="https://www.tdvorak.dev/" target="_blank" class="state-layer" title="Personal portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- YouTube Scraper API (2026) -->
|
||||
<div class="card" data-year="2026">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/youtube.png" alt="YouTube data scraper API" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">YouTube Scraper API</h3>
|
||||
</div>
|
||||
<a href="https://youtube.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube channel data scraper API"></a>
|
||||
</div>
|
||||
|
||||
<!-- PPve (2025) - Private Company App -->
|
||||
<div class="card" data-year="2025">
|
||||
<div class="card-banner" style="display: grid; grid-template-columns: 1fr 1fr; gap: 8px; --width: 334; --height: 180;">
|
||||
<img src="images/ppve.png" alt="PPve App 1" width="163" height="180" class="img-cover" style="border-radius: var(--radius-medium);">
|
||||
<img src="images/ppve2.png" alt="PPve App 2" width="163" height="180" class="img-cover" style="border-radius: var(--radius-medium);">
|
||||
</div>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Private Company App</span>
|
||||
<h3 class="title-large card-title">PPve</h3>
|
||||
</div>
|
||||
<div class="state-layer" style="cursor: default;" title="Private company application - not available"></div>
|
||||
</div>
|
||||
|
||||
<!-- MyClub (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/myclub.png" alt="MyClub" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">MyClub</h3>
|
||||
</div>
|
||||
<a href="https://dvfildtxww7oa.ok.kimi.link/" target="_blank" class="state-layer" title="Club management system"></a>
|
||||
</div>
|
||||
|
||||
<!-- SportCreative (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sportcreative.png" alt="SportCreative" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Agency Website</span>
|
||||
<h3 class="title-large card-title">SportCreative</h3>
|
||||
</div>
|
||||
<a href="https://www.sportcreative.eu/" target="_blank" class="state-layer" title="Digitální marketing pro sportovní týmy a společnosti"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS CZ (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.cz.png" alt="ZEUS CZ" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">E‑shop</span>
|
||||
<h3 class="title-large card-title">ZEUS (CZ)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.cz/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS EU (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/zeus.eu.png" alt="ZEUS EU" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">ZEUS (EU)</h3>
|
||||
</div>
|
||||
<a href="https://www.zeusport.eu/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik (landing) (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.png" alt="Reklik landing" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Landing Page</span>
|
||||
<h3 class="title-large card-title">Reklik</h3>
|
||||
</div>
|
||||
<a href="https://www.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí"></a>
|
||||
</div>
|
||||
|
||||
<!-- Reklik Foto (portfolio) (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/reklik.foto.png" alt="Reklik foto portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Reklik Foto</h3>
|
||||
</div>
|
||||
<a href="https://foto.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí - portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- FAČR scraper (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/facr.png" alt="FAČR scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">FAČR Scraper</h3>
|
||||
</div>
|
||||
<a href="https://facr.tdvorak.dev/" target="_blank" class="state-layer" title="FAČR scraper, Czech football and futsal info"></a>
|
||||
</div>
|
||||
|
||||
<!-- YouTube Proxy API (2025) -->
|
||||
<div class="card" data-year="2025">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/ytbproxy.png" alt="YouTube search scraper API" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">YouTube Proxy API</h3>
|
||||
</div>
|
||||
<a href="https://ytbproxy.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube search scraper API"></a>
|
||||
</div>
|
||||
|
||||
<!-- SparkScreen (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">SparkScreen</h3>
|
||||
</div>
|
||||
<a href="https://www.sparkscreen.xyz/" target="_blank" class="state-layer" title="Free and open-source platform for movies and TV shows"></a>
|
||||
</div>
|
||||
|
||||
<!-- 1337x scraper (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/1337x.png" alt="1337x scraper" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">1337x Scraper</h3>
|
||||
</div>
|
||||
<a href="https://1337x.tdvorak.dev/" target="_blank" class="state-layer" title="1337x scraper, torrents"></a>
|
||||
</div>
|
||||
|
||||
<!-- GoAPI (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/sparkscreen.png" alt="SparkScreen API (GoAPI)" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">GoAPI</h3>
|
||||
</div>
|
||||
<a href="https://goapi.tdvorak.dev/" target="_blank" class="state-layer" title="SparkScreen API, movies, stats"></a>
|
||||
</div>
|
||||
|
||||
<!-- Bizoni UH (2024) -->
|
||||
<div class="card" data-year="2024">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/bizoni.png" alt="Bizoni UH" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Bizoni UH</h3>
|
||||
</div>
|
||||
<a href="https://www.bizoniuh.cz/" target="_blank" class="state-layer" title="Klubový web Bizoni UH"></a>
|
||||
</div>
|
||||
|
||||
<!-- Personal Portfolio (2023) -->
|
||||
<div class="card" data-year="2023">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/tdvorak.png" alt="Personal portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Personal Portfolio</h3>
|
||||
</div>
|
||||
<a href="https://www.tdvorak.dev/" target="_blank" class="state-layer" title="Personal portfolio"></a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -313,35 +540,35 @@
|
||||
<!-- Skills Sections -->
|
||||
<h2 class="section-title title-small">Programming Languages:</h2>
|
||||
<ul class="resume-bottom-list">
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/html5.webp" width="28" height="28" loading="lazy" alt="HTML5" class="HTML5">
|
||||
<span class="label-medium">HTML5</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/css3.svg" width="28" height="28" loading="lazy" alt="CSS3" class="CSS3">
|
||||
<span class="label-medium">CSS3</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/js.webp" width="28" height="28" loading="lazy" alt="JavaScript"
|
||||
class="icon">
|
||||
<span class="label-medium">JavaScript</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="images/go.webp" width="28" height="28" loading="lazy" alt="Go"
|
||||
class="icon">
|
||||
<span class="label-medium">GO</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="images/typescript.webp" width="28" height="38" loading="lazy" alt="Typescript"
|
||||
class="icon">
|
||||
<span class="label-medium">Typescript</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="images/react.js.svg" width="28" height="28" loading="lazy" alt="React.js"
|
||||
class="icon">
|
||||
<span class="label-medium">React.js</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2024">
|
||||
<svg width="28" height="28" viewBox="0 0 256 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
||||
<g>
|
||||
<path d="M250.715745,70.4971666 C244.951102,66.4973277 231.740464,64.997388 221.412146,66.9973071 C220.211179,56.9977092 214.68673,48.2480609 205.078993,40.4983724 L199.554544,36.4985331 L195.711449,42.248302 C190.90758,49.7480006 188.505646,60.2475786 189.226226,70.2471769 C189.46642,73.7470364 190.667387,79.9967847 194.270289,85.496564 C190.90758,87.4964838 183.941971,89.996383 174.814621,89.996383 L1.15476998,89.996383 L0.674383104,91.9963028 C-1.00697093,101.9959 -1.00697093,133.244645 18.6888904,157.243681 C33.5808831,175.492947 55.6786788,184.742575 84.7420842,184.742575 C147.672763,184.742575 194.270289,154.493791 216.127891,99.7459909 C224.774854,99.9959813 243.269748,99.7459909 252.637292,80.996745 C252.877486,80.4967649 253.357872,79.4968046 255.039227,75.7469554 L256,73.7470364 L250.715745,70.4971666 L250.715745,70.4971666 Z M139.986573,0 L113.565295,0 L113.565295,24.9989952 L139.986573,24.9989952 L139.986573,0 L139.986573,0 Z M139.986573,29.9987943 L113.565295,29.9987943 L113.565295,54.9977896 L139.986573,54.9977896 L139.986573,29.9987943 L139.986573,29.9987943 Z M108.761427,29.9987943 L82.3401495,29.9987943 L82.3401495,54.9977896 L108.761427,54.9977896 L108.761427,29.9987943 L108.761427,29.9987943 Z M77.5362814,29.9987943 L51.1150037,29.9987943 L51.1150037,54.9977896 L77.5362814,54.9977896 L77.5362814,29.9987943 L77.5362814,29.9987943 Z M46.311135,59.9975886 L19.8898576,59.9975886 L19.8898576,84.9965839 L46.311135,84.9965839 L46.311135,59.9975886 L46.311135,59.9975886 Z M77.5362814,59.9975886 L51.1150037,59.9975886 L51.1150037,84.9965839 L77.5362814,84.9965839 L77.5362814,59.9975886 L77.5362814,59.9975886 Z M108.761427,59.9975886 L82.3401495,59.9975886 L82.3401495,84.9965839 L108.761427,84.9965839 L108.761427,59.9975886 L108.761427,59.9975886 Z M139.986573,59.9975886 L113.565295,59.9975886 L113.565295,84.9965839 L139.986573,84.9965839 L139.986573,59.9975886 L139.986573,59.9975886 Z M171.211719,59.9975886 L144.790441,59.9975886 L144.790441,84.9965839 L171.211719,84.9965839 L171.211719,59.9975886 L171.211719,59.9975886 Z" fill="#2396ED" fill-rule="nonzero"/>
|
||||
@@ -349,27 +576,27 @@
|
||||
</svg>
|
||||
<span class="label-medium">Docker</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://icon.icepanel.io/Technology/svg/Vite.js.svg" width="28" height="28" loading="lazy" alt="Vite"
|
||||
class="icon">
|
||||
<span class="label-medium">Vite</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://astro.build/assets/press/astro-icon-light-gradient.svg" width="28" height="28" loading="lazy" alt="Astro"
|
||||
class="icon">
|
||||
<span class="label-medium">Astro</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://bun.sh/logo.svg" width="28" height="28" loading="lazy" alt="Bun"
|
||||
class="icon">
|
||||
<span class="label-medium">Bun</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="deno.svg" width="28" height="28" loading="lazy" alt="Bun"
|
||||
class="icon">
|
||||
<span class="label-medium">Deno</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/2/29/Postgresql_elephant.svg" width="28" height="28" loading="lazy" alt="PostgreSQL"
|
||||
class="icon">
|
||||
<span class="label-medium">PostgreSQL</span>
|
||||
@@ -377,22 +604,22 @@
|
||||
</ul><br>
|
||||
<h2 class="section-title title-small">Softwares:</h2>
|
||||
<ul class="resume-bottom-list">
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="https://exafunction.github.io/public/brand/windsurf-white-symbol.svg" width="28" height="28" loading="lazy" alt="Windsurf"
|
||||
class="icon">
|
||||
<span class="label-medium">Windsurf</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/github.webp" width="28" height="28" loading="lazy" alt="Github"
|
||||
class="icon">
|
||||
<span class="label-medium">Github</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/b/bb/Gitea_Logo.svg" width="28" height="28" loading="lazy" alt="Gitea"
|
||||
class="icon">
|
||||
<span class="label-medium">Gitea</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2024">
|
||||
<svg width="28" height="28" viewBox="0 0 256 263" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
||||
<title>supabase</title>
|
||||
<defs>
|
||||
@@ -413,12 +640,12 @@
|
||||
</svg>
|
||||
<span class="label-medium">Supabase</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://appwrite.io/assets/logomark/logo.svg" width="28" height="28" loading="lazy" alt="Appwrite"
|
||||
class="icon">
|
||||
<span class="label-medium">Appwrite</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2024">
|
||||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1556 704" width="28" height="28">
|
||||
<title>Cloudflare-logo-vector-svg</title>
|
||||
<style>
|
||||
@@ -431,48 +658,48 @@
|
||||
</svg>
|
||||
<span class="label-medium">Cloudflare</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2024">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="#FFB441" viewBox="0 0 24 24" width="28" height="28">
|
||||
<path d="M4.01 0A4 4 0 0 0 .014 4v16c0 2.209 1.79 4 3.996 4h15.98a4 4 0 0 0 3.996-4V4c0-2.209-1.79-4-3.996-4zm-.672 2.834h17.326a.568.568 0 1 1 0 1.137h-8.129a.6.6 0 0 1 .033.19v1.804A6.06 6.06 0 0 1 18.057 12c0 3.157-2.41 5.75-5.489 6.037v2.56a.568.568 0 1 1-1.136 0v-2.56A6.06 6.06 0 0 1 5.943 12a6.06 6.06 0 0 1 5.489-6.035V4.16q0-.1.033-.19H3.338a.568.568 0 1 1 0-1.136m8.094 4.307A4.89 4.89 0 0 0 7.113 12a4.89 4.89 0 0 0 4.319 4.86zm1.136 0v9.718A4.89 4.89 0 0 0 16.888 12a4.89 4.89 0 0 0-4.32-4.86z"/>
|
||||
</svg>
|
||||
<span class="label-medium">ZeroTier</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/proxmox.svg" width="28" height="28" loading="lazy" alt="Proxmox"
|
||||
class="icon">
|
||||
<span class="label-medium">Proxmox</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/tor.webp" width="30" height="38" loading="lazy" alt="TOR"
|
||||
class="icon">
|
||||
<span class="label-medium">TOR</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/metasploit.svg" width="28" height="28" loading="lazy" alt="Metasploit"
|
||||
class="icon">
|
||||
<span class="label-medium">Metasploit</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2019">
|
||||
<img src="images/nmap.svg" width="28" height="28" loading="lazy" alt="Nmap"
|
||||
class="icon">
|
||||
<span class="label-medium">Nmap</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2017">
|
||||
<img src="images/davinci.webp" width="28" height="30" loading="lazy" alt="Davinci Resolve"
|
||||
class="icon">
|
||||
<span class="label-medium">Davinci Resolve</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2023">
|
||||
<img src="images/photoshop.webp" width="28" height="28" loading="lazy" alt="Photoshop"
|
||||
class="icon">
|
||||
<span class="label-medium">Photoshop</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="images/lightroom.webp" width="28" height="34" loading="lazy" alt="Lightroom"
|
||||
class="icon">
|
||||
<span class="label-medium">Lightroom</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2026">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fb/Adobe_Illustrator_CC_icon.svg" width="28" height="28" loading="lazy" alt="Adobe Illustrator"
|
||||
class="icon">
|
||||
<span class="label-medium">Adobe Illustrator</span>
|
||||
@@ -480,54 +707,54 @@
|
||||
</ul><br>
|
||||
<h2 class="section-title title-small">Operating Systems:</h2>
|
||||
<ul class="resume-bottom-list">
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2018">
|
||||
<img src="images/windows10.webp" width="28" height="58" loading="lazy" alt="Windows 10"
|
||||
class="icon">
|
||||
<span class="label-medium">Windows 10</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="images/windows11.webp" width="28" height="58" loading="lazy" alt="Windows 11"
|
||||
class="icon">
|
||||
<span class="label-medium">Windows 11</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="images/android.webp" width="28" height="58" loading="lazy" alt="Android"
|
||||
class="icon">
|
||||
<span class="label-medium">Android</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="images/linux.svg" width="28" height="38" loading="lazy" alt="Linux"
|
||||
class="icon">
|
||||
<span class="label-medium">Linux</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2020">
|
||||
<img src="images/kali.webp" width="28" height="58" loading="lazy" alt="Kali Linux"
|
||||
class="icon">
|
||||
<span class="label-medium">Kali Linux</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2025">
|
||||
<img src="https://www.debian.org/logos/openlogo-nd.svg" width="28" height="38" loading="lazy" alt="Debian Linux"
|
||||
class="icon">
|
||||
<span class="label-medium">Debian Linux</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2020">
|
||||
<img src="https://www.logo.wine/a/logo/Raspberry_Pi/Raspberry_Pi-Logo.wine.svg" width="28" height="28" loading="lazy" alt="Raspberry Pi OS"
|
||||
class="icon">
|
||||
<span class="label-medium">Raspberry Pi OS</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2024">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 48 48">
|
||||
<circle cx="24" cy="24" r="20" fill="#4dd0e1"></circle>
|
||||
<polygon fill="#212121" points="30.252,38.194 21.909,23.131 25.497,18.651 38.914,13.097 25.497,13.394 34.229,8.8 17.634,11.406 16.263,18.171 9.566,18.606 8.4,24.343 11.76,21.6 22.206,32.069 30.434,41.28 27.692,35.52"></polygon>
|
||||
</svg>
|
||||
<span class="label-medium">Parrot OS</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2023">
|
||||
<img src="images/ubuntu.webp" width="28" height="58" loading="lazy" alt="Ubuntu Linux"
|
||||
class="icon">
|
||||
<span class="label-medium">Ubuntu Linux</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<li class="resume-bottom-item" data-year="2021">
|
||||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/proxmox.svg" width="28" height="28" loading="lazy" alt="Proxmox"
|
||||
class="icon">
|
||||
<span class="label-medium">Proxmox</span>
|
||||
@@ -535,6 +762,16 @@
|
||||
</ul><br>
|
||||
<h2 class="section-title title-small">In Progress:</h2>
|
||||
<ul class="resume-bottom-list">
|
||||
<li class="resume-bottom-item">
|
||||
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Duke_%28Java_mascot%29_waving.svg/960px-Duke_%28Java_mascot%29_waving.svg.png" width="28" height="28" loading="lazy" alt="Java"
|
||||
class="icon">
|
||||
<span class="label-medium">Java</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<img src="https://spring.io/img/logos/spring-initializr.svg" width="28" height="28" loading="lazy" alt="Spring Boot"
|
||||
class="icon">
|
||||
<span class="label-medium">Spring Boot</span>
|
||||
</li>
|
||||
<li class="resume-bottom-item">
|
||||
<img src="https://storage.googleapis.com/cms-storage-bucket/icon_flutter.4fd5520fe28ebf839174.svg" width="28" height="28" loading="lazy" alt="Flutter" class="Flutter">
|
||||
<span class="label-medium">Flutter</span>
|
||||
|
||||
Vendored
+2
-2
File diff suppressed because one or more lines are too long
+44
-44
@@ -1,45 +1,45 @@
|
||||
/*-----------------------------------------------------------------------------------
|
||||
|
||||
Theme Name: Ravo
|
||||
Theme URI: http://
|
||||
Description: Creative agency & portfolio
|
||||
Author: ui-themez
|
||||
Author URI: http://themeforest.net/user/ui-themez
|
||||
Version: 1.0
|
||||
|
||||
-----------------------------------------------------------------------------------*/
|
||||
|
||||
/* ----------------------------------------------------------------
|
||||
[ All Css Plugins & Helper Classes File ]
|
||||
-----------------------------------------------------------------*/
|
||||
|
||||
/* == bootstrap == */
|
||||
@import url("plugins/bootstrap.min.css");
|
||||
|
||||
/* == animate css == */
|
||||
@import url("plugins/animate.min.css");
|
||||
|
||||
/* == ionicons icon font == */
|
||||
@import url("plugins/ionicons.min.css");
|
||||
|
||||
/* == pe-icon-7-stroke == */
|
||||
@import url("plugins/pe-icon-7-stroke.css");
|
||||
|
||||
/* == fontawesome icon font == */
|
||||
@import url("plugins/fontawesome-all.min.css");
|
||||
|
||||
/* == justifiedGallery.min == */
|
||||
@import url("plugins/justifiedGallery.min.css");
|
||||
|
||||
/* == magnific-popup == */
|
||||
@import url("plugins/magnific-popup.css");
|
||||
|
||||
/* == YouTubePopUp == */
|
||||
@import url("plugins/YouTubePopUp.css");
|
||||
|
||||
/* == slick carousel == */
|
||||
@import url("plugins/slick.css");
|
||||
@import url("plugins/slick-theme.css");
|
||||
|
||||
/* == swiper.min font == */
|
||||
/*-----------------------------------------------------------------------------------
|
||||
|
||||
Theme Name: Ravo
|
||||
Theme URI: http://
|
||||
Description: Creative agency & portfolio
|
||||
Author: ui-themez
|
||||
Author URI: http://themeforest.net/user/ui-themez
|
||||
Version: 1.0
|
||||
|
||||
-----------------------------------------------------------------------------------*/
|
||||
|
||||
/* ----------------------------------------------------------------
|
||||
[ All Css Plugins & Helper Classes File ]
|
||||
-----------------------------------------------------------------*/
|
||||
|
||||
/* == bootstrap == */
|
||||
@import url("plugins/bootstrap.min.css");
|
||||
|
||||
/* == animate css == */
|
||||
@import url("plugins/animate.min.css");
|
||||
|
||||
/* == ionicons icon font == */
|
||||
@import url("plugins/ionicons.min.css");
|
||||
|
||||
/* == pe-icon-7-stroke == */
|
||||
@import url("plugins/pe-icon-7-stroke.css");
|
||||
|
||||
/* == fontawesome icon font == */
|
||||
@import url("plugins/fontawesome-all.min.css");
|
||||
|
||||
/* == justifiedGallery.min == */
|
||||
@import url("plugins/justifiedGallery.min.css");
|
||||
|
||||
/* == magnific-popup == */
|
||||
@import url("plugins/magnific-popup.css");
|
||||
|
||||
/* == YouTubePopUp == */
|
||||
@import url("plugins/YouTubePopUp.css");
|
||||
|
||||
/* == slick carousel == */
|
||||
@import url("plugins/slick.css");
|
||||
@import url("plugins/slick-theme.css");
|
||||
|
||||
/* == swiper.min font == */
|
||||
@import url("plugins/swiper.min.css");
|
||||
+156
-156
@@ -1,156 +1,156 @@
|
||||
@charset "UTF-8";
|
||||
|
||||
/*
|
||||
Name: YouTubePopUp
|
||||
Description: jQuery plugin to display YouTube or Vimeo video in PopUp, responsive and retina, easy to use.
|
||||
Version: 1.0.1
|
||||
Plugin URL: http://wp-time.com/youtube-popup-jquery-plugin/
|
||||
Written By: Qassim Hassan
|
||||
Twitter: @QQQHZ
|
||||
Websites: wp-time.com | qass.im | wp-plugins.in
|
||||
Dual licensed under the MIT and GPL licenses:
|
||||
http://www.opensource.org/licenses/mit-license.php
|
||||
http://www.gnu.org/licenses/gpl.html
|
||||
Copyright (c) 2016 - Qassim Hassan
|
||||
*/
|
||||
|
||||
.YouTubePopUp-Wrap{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:#000;
|
||||
background-color:rgba(0,0,0,0.8);
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:9999999999999;
|
||||
}
|
||||
|
||||
.YouTubePopUp-animation{
|
||||
opacity: 0;
|
||||
-webkit-animation-duration: 0.5s;
|
||||
animation-duration: 0.5s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-name: YouTubePopUp;
|
||||
animation-name: YouTubePopUp;
|
||||
}
|
||||
|
||||
@-webkit-keyframes YouTubePopUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes YouTubePopUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
|
||||
top:32px;
|
||||
z-index:99998;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Content{
|
||||
max-width:680px;
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
height:100%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Content iframe{
|
||||
max-width:100% !important;
|
||||
width:100% !important;
|
||||
display:block !important;
|
||||
height:480px !important;
|
||||
border:none !important;
|
||||
position:absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Hide{
|
||||
-webkit-animation-duration: 0.5s;
|
||||
animation-duration: 0.5s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-name: YouTubePopUpHide;
|
||||
animation-name: YouTubePopUpHide;
|
||||
}
|
||||
|
||||
@-webkit-keyframes YouTubePopUpHide {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes YouTubePopUpHide {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
position:absolute;
|
||||
top:0;
|
||||
cursor:pointer;
|
||||
bottom:528px;
|
||||
right:0px;
|
||||
margin:auto 0;
|
||||
width:24px;
|
||||
height:24px;
|
||||
background:url(../images/close.png) no-repeat;
|
||||
background-size:24px 24px;
|
||||
-webkit-background-size:24px 24px;
|
||||
-moz-background-size:24px 24px;
|
||||
-o-background-size:24px 24px;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close:hover{
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content{
|
||||
max-width:90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content iframe{
|
||||
height:320px !important;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
bottom:362px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 480px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content iframe{
|
||||
height:220px !important;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
bottom:262px;
|
||||
}
|
||||
}
|
||||
@charset "UTF-8";
|
||||
|
||||
/*
|
||||
Name: YouTubePopUp
|
||||
Description: jQuery plugin to display YouTube or Vimeo video in PopUp, responsive and retina, easy to use.
|
||||
Version: 1.0.1
|
||||
Plugin URL: http://wp-time.com/youtube-popup-jquery-plugin/
|
||||
Written By: Qassim Hassan
|
||||
Twitter: @QQQHZ
|
||||
Websites: wp-time.com | qass.im | wp-plugins.in
|
||||
Dual licensed under the MIT and GPL licenses:
|
||||
http://www.opensource.org/licenses/mit-license.php
|
||||
http://www.gnu.org/licenses/gpl.html
|
||||
Copyright (c) 2016 - Qassim Hassan
|
||||
*/
|
||||
|
||||
.YouTubePopUp-Wrap{
|
||||
position:fixed;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background-color:#000;
|
||||
background-color:rgba(0,0,0,0.8);
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:9999999999999;
|
||||
}
|
||||
|
||||
.YouTubePopUp-animation{
|
||||
opacity: 0;
|
||||
-webkit-animation-duration: 0.5s;
|
||||
animation-duration: 0.5s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-name: YouTubePopUp;
|
||||
animation-name: YouTubePopUp;
|
||||
}
|
||||
|
||||
@-webkit-keyframes YouTubePopUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes YouTubePopUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
body.logged-in .YouTubePopUp-Wrap{ /* For WordPress */
|
||||
top:32px;
|
||||
z-index:99998;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Content{
|
||||
max-width:680px;
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
height:100%;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Content iframe{
|
||||
max-width:100% !important;
|
||||
width:100% !important;
|
||||
display:block !important;
|
||||
height:480px !important;
|
||||
border:none !important;
|
||||
position:absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Hide{
|
||||
-webkit-animation-duration: 0.5s;
|
||||
animation-duration: 0.5s;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-name: YouTubePopUpHide;
|
||||
animation-name: YouTubePopUpHide;
|
||||
}
|
||||
|
||||
@-webkit-keyframes YouTubePopUpHide {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes YouTubePopUpHide {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
position:absolute;
|
||||
top:0;
|
||||
cursor:pointer;
|
||||
bottom:528px;
|
||||
right:0px;
|
||||
margin:auto 0;
|
||||
width:24px;
|
||||
height:24px;
|
||||
background:url(../images/close.png) no-repeat;
|
||||
background-size:24px 24px;
|
||||
-webkit-background-size:24px 24px;
|
||||
-moz-background-size:24px 24px;
|
||||
-o-background-size:24px 24px;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close:hover{
|
||||
opacity:0.5;
|
||||
}
|
||||
|
||||
@media all and (max-width: 768px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content{
|
||||
max-width:90%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content iframe{
|
||||
height:320px !important;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
bottom:362px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 480px) and (min-width: 10px){
|
||||
.YouTubePopUp-Content iframe{
|
||||
height:220px !important;
|
||||
}
|
||||
|
||||
.YouTubePopUp-Close{
|
||||
bottom:262px;
|
||||
}
|
||||
}
|
||||
|
||||
Vendored
+10
-10
File diff suppressed because one or more lines are too long
Vendored
+6
-6
File diff suppressed because one or more lines are too long
+82
-82
@@ -1,83 +1,83 @@
|
||||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 07/06/2020 10:51
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("../../fonts/Flaticon.eot");
|
||||
src: url("../../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||
url("../../fonts/Flaticon.woff2") format("woff2"),
|
||||
url("../../fonts/Flaticon.woff") format("woff"),
|
||||
url("../../fonts/Flaticon.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="flaticon-"]:before,
|
||||
[class*=" flaticon-"]:before,
|
||||
[class^="flaticon-"]:after,
|
||||
[class*=" flaticon-"]:after {
|
||||
font-family: Flaticon;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.flaticon-sketch:before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.flaticon-blueprint:before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.flaticon-houses:before {
|
||||
content: "\f102";
|
||||
}
|
||||
|
||||
.flaticon-side-table:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.flaticon-bathtub:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.flaticon-decorating:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.flaticon-interior-design:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.flaticon-sofa:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.flaticon-stairs:before {
|
||||
content: "\f108";
|
||||
}
|
||||
|
||||
.flaticon-medieval-house:before {
|
||||
content: "\f109";
|
||||
}
|
||||
|
||||
.flaticon-property:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
|
||||
.flaticon-living-room:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
|
||||
.flaticon-dinner-table:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
|
||||
.flaticon-kitchen:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
|
||||
.flaticon-home:before {
|
||||
content: "\f10e";
|
||||
/*
|
||||
Flaticon icon font: Flaticon
|
||||
Creation date: 07/06/2020 10:51
|
||||
*/
|
||||
|
||||
@font-face {
|
||||
font-family: "Flaticon";
|
||||
src: url("../../fonts/Flaticon.eot");
|
||||
src: url("../../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
|
||||
url("../../fonts/Flaticon.woff2") format("woff2"),
|
||||
url("../../fonts/Flaticon.woff") format("woff"),
|
||||
url("../../fonts/Flaticon.ttf") format("truetype");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
[class^="flaticon-"]:before,
|
||||
[class*=" flaticon-"]:before,
|
||||
[class^="flaticon-"]:after,
|
||||
[class*=" flaticon-"]:after {
|
||||
font-family: Flaticon;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.flaticon-sketch:before {
|
||||
content: "\f100";
|
||||
}
|
||||
|
||||
.flaticon-blueprint:before {
|
||||
content: "\f101";
|
||||
}
|
||||
|
||||
.flaticon-houses:before {
|
||||
content: "\f102";
|
||||
}
|
||||
|
||||
.flaticon-side-table:before {
|
||||
content: "\f103";
|
||||
}
|
||||
|
||||
.flaticon-bathtub:before {
|
||||
content: "\f104";
|
||||
}
|
||||
|
||||
.flaticon-decorating:before {
|
||||
content: "\f105";
|
||||
}
|
||||
|
||||
.flaticon-interior-design:before {
|
||||
content: "\f106";
|
||||
}
|
||||
|
||||
.flaticon-sofa:before {
|
||||
content: "\f107";
|
||||
}
|
||||
|
||||
.flaticon-stairs:before {
|
||||
content: "\f108";
|
||||
}
|
||||
|
||||
.flaticon-medieval-house:before {
|
||||
content: "\f109";
|
||||
}
|
||||
|
||||
.flaticon-property:before {
|
||||
content: "\f10a";
|
||||
}
|
||||
|
||||
.flaticon-living-room:before {
|
||||
content: "\f10b";
|
||||
}
|
||||
|
||||
.flaticon-dinner-table:before {
|
||||
content: "\f10c";
|
||||
}
|
||||
|
||||
.flaticon-kitchen:before {
|
||||
content: "\f10d";
|
||||
}
|
||||
|
||||
.flaticon-home:before {
|
||||
content: "\f10e";
|
||||
}
|
||||
Vendored
+4
-4
File diff suppressed because one or more lines are too long
Vendored
+11
-11
File diff suppressed because one or more lines are too long
Vendored
+110
-110
@@ -1,110 +1,110 @@
|
||||
/*!
|
||||
* justifiedGallery - v4.0.0-alpha
|
||||
* http://miromannino.github.io/Justified-Gallery/
|
||||
* Copyright (c) 2019 Miro Mannino
|
||||
* Licensed under the MIT license.
|
||||
*/
|
||||
.justified-gallery {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.justified-gallery > a,
|
||||
.justified-gallery > div,
|
||||
.justified-gallery > figure {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
/* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
|
||||
filter: "alpha(opacity=10)";
|
||||
opacity: 0.1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.justified-gallery > a > img,
|
||||
.justified-gallery > div > img,
|
||||
.justified-gallery > figure > img,
|
||||
.justified-gallery > a > a > img,
|
||||
.justified-gallery > div > a > img,
|
||||
.justified-gallery > figure > a > img,
|
||||
.justified-gallery > a > svg,
|
||||
.justified-gallery > div > svg,
|
||||
.justified-gallery > figure > svg,
|
||||
.justified-gallery > a > a > svg,
|
||||
.justified-gallery > div > a > svg,
|
||||
.justified-gallery > figure > a > svg {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
filter: "alpha(opacity=0)";
|
||||
opacity: 0;
|
||||
}
|
||||
.justified-gallery > a > .caption,
|
||||
.justified-gallery > div > .caption,
|
||||
.justified-gallery > figure > .caption {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding: 5px;
|
||||
background-color: #000000;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.justified-gallery > a > .caption.caption-visible,
|
||||
.justified-gallery > div > .caption.caption-visible,
|
||||
.justified-gallery > figure > .caption.caption-visible {
|
||||
display: initial;
|
||||
filter: "alpha(opacity=70)";
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 500ms ease-in;
|
||||
-moz-transition: opacity 500ms ease-in;
|
||||
-o-transition: opacity 500ms ease-in;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.justified-gallery > .jg-entry-visible {
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
background: none;
|
||||
}
|
||||
.justified-gallery > .jg-entry-visible > img,
|
||||
.justified-gallery > .jg-entry-visible > a > img,
|
||||
.justified-gallery > .jg-entry-visible > svg,
|
||||
.justified-gallery > .jg-entry-visible > a > svg {
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 500ms ease-in;
|
||||
-moz-transition: opacity 500ms ease-in;
|
||||
-o-transition: opacity 500ms ease-in;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.justified-gallery > .jg-filtered {
|
||||
display: none;
|
||||
}
|
||||
.justified-gallery > .spinner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-left: -24px;
|
||||
padding: 10px 0 10px 0;
|
||||
left: 50%;
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
overflow: initial;
|
||||
}
|
||||
.justified-gallery > .spinner > span {
|
||||
display: inline-block;
|
||||
filter: "alpha(opacity=0)";
|
||||
opacity: 0;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 0 4px 0 4px;
|
||||
background-color: #000;
|
||||
border-radius: 6px;
|
||||
}
|
||||
/*!
|
||||
* justifiedGallery - v4.0.0-alpha
|
||||
* http://miromannino.github.io/Justified-Gallery/
|
||||
* Copyright (c) 2019 Miro Mannino
|
||||
* Licensed under the MIT license.
|
||||
*/
|
||||
.justified-gallery {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.justified-gallery > a,
|
||||
.justified-gallery > div,
|
||||
.justified-gallery > figure {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
/* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
|
||||
filter: "alpha(opacity=10)";
|
||||
opacity: 0.1;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.justified-gallery > a > img,
|
||||
.justified-gallery > div > img,
|
||||
.justified-gallery > figure > img,
|
||||
.justified-gallery > a > a > img,
|
||||
.justified-gallery > div > a > img,
|
||||
.justified-gallery > figure > a > img,
|
||||
.justified-gallery > a > svg,
|
||||
.justified-gallery > div > svg,
|
||||
.justified-gallery > figure > svg,
|
||||
.justified-gallery > a > a > svg,
|
||||
.justified-gallery > div > a > svg,
|
||||
.justified-gallery > figure > a > svg {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
filter: "alpha(opacity=0)";
|
||||
opacity: 0;
|
||||
}
|
||||
.justified-gallery > a > .caption,
|
||||
.justified-gallery > div > .caption,
|
||||
.justified-gallery > figure > .caption {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
padding: 5px;
|
||||
background-color: #000000;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
.justified-gallery > a > .caption.caption-visible,
|
||||
.justified-gallery > div > .caption.caption-visible,
|
||||
.justified-gallery > figure > .caption.caption-visible {
|
||||
display: initial;
|
||||
filter: "alpha(opacity=70)";
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 500ms ease-in;
|
||||
-moz-transition: opacity 500ms ease-in;
|
||||
-o-transition: opacity 500ms ease-in;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.justified-gallery > .jg-entry-visible {
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
background: none;
|
||||
}
|
||||
.justified-gallery > .jg-entry-visible > img,
|
||||
.justified-gallery > .jg-entry-visible > a > img,
|
||||
.justified-gallery > .jg-entry-visible > svg,
|
||||
.justified-gallery > .jg-entry-visible > a > svg {
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 500ms ease-in;
|
||||
-moz-transition: opacity 500ms ease-in;
|
||||
-o-transition: opacity 500ms ease-in;
|
||||
transition: opacity 500ms ease-in;
|
||||
}
|
||||
.justified-gallery > .jg-filtered {
|
||||
display: none;
|
||||
}
|
||||
.justified-gallery > .spinner {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
margin-left: -24px;
|
||||
padding: 10px 0 10px 0;
|
||||
left: 50%;
|
||||
filter: "alpha(opacity=100)";
|
||||
opacity: 1;
|
||||
overflow: initial;
|
||||
}
|
||||
.justified-gallery > .spinner > span {
|
||||
display: inline-block;
|
||||
filter: "alpha(opacity=0)";
|
||||
opacity: 0;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 0 4px 0 4px;
|
||||
background-color: #000;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
+351
-351
@@ -1,351 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
|
||||
+632
-632
File diff suppressed because it is too large
Load Diff
+189
-189
@@ -1,189 +1,189 @@
|
||||
@charset 'UTF-8';
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
@charset 'UTF-8';
|
||||
|
||||
/* Arrows */
|
||||
.slick-prev,
|
||||
.slick-next
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 0;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%);
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: none;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover,
|
||||
.slick-prev:focus,
|
||||
.slick-next:hover,
|
||||
.slick-next:focus
|
||||
{
|
||||
color: transparent;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-prev:hover:before,
|
||||
.slick-prev:focus:before,
|
||||
.slick-next:hover:before,
|
||||
.slick-next:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-prev.slick-disabled:before,
|
||||
.slick-next.slick-disabled:before
|
||||
{
|
||||
opacity: .25;
|
||||
}
|
||||
|
||||
.slick-prev:before,
|
||||
.slick-next:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
|
||||
opacity: .75;
|
||||
color: white;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.slick-prev
|
||||
{
|
||||
left: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-prev
|
||||
{
|
||||
right: -25px;
|
||||
left: auto;
|
||||
}
|
||||
.slick-prev:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
[dir='rtl'] .slick-prev:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
|
||||
.slick-next
|
||||
{
|
||||
right: -25px;
|
||||
}
|
||||
[dir='rtl'] .slick-next
|
||||
{
|
||||
right: auto;
|
||||
left: -25px;
|
||||
}
|
||||
.slick-next:before
|
||||
{
|
||||
content: '→';
|
||||
}
|
||||
[dir='rtl'] .slick-next:before
|
||||
{
|
||||
content: '←';
|
||||
}
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider
|
||||
{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.slick-dots
|
||||
{
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
list-style: none;
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
.slick-dots li
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: inline-block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
|
||||
cursor: pointer;
|
||||
}
|
||||
.slick-dots li button
|
||||
{
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
display: block;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
|
||||
cursor: pointer;
|
||||
|
||||
color: transparent;
|
||||
border: 0;
|
||||
outline: none;
|
||||
background: transparent;
|
||||
}
|
||||
.slick-dots li button:hover,
|
||||
.slick-dots li button:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-dots li button:hover:before,
|
||||
.slick-dots li button:focus:before
|
||||
{
|
||||
opacity: 1;
|
||||
}
|
||||
.slick-dots li button:before
|
||||
{
|
||||
font-family: 'slick';
|
||||
font-size: 6px;
|
||||
line-height: 20px;
|
||||
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
content: '•';
|
||||
text-align: center;
|
||||
|
||||
opacity: .25;
|
||||
color: black;
|
||||
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.slick-dots li.slick-active button:before
|
||||
{
|
||||
opacity: .75;
|
||||
color: black;
|
||||
}
|
||||
|
||||
+119
-119
@@ -1,119 +1,119 @@
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
/* Slider */
|
||||
.slick-slider
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list
|
||||
{
|
||||
position: relative;
|
||||
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.slick-list:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
.slick-list.dragging
|
||||
{
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list
|
||||
{
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track
|
||||
{
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.slick-track:before,
|
||||
.slick-track:after
|
||||
{
|
||||
display: table;
|
||||
|
||||
content: '';
|
||||
}
|
||||
.slick-track:after
|
||||
{
|
||||
clear: both;
|
||||
}
|
||||
.slick-loading .slick-track
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide
|
||||
{
|
||||
display: none;
|
||||
float: left;
|
||||
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
}
|
||||
[dir='rtl'] .slick-slide
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
.slick-slide img
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-slide.slick-loading img
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.slick-slide.dragging img
|
||||
{
|
||||
pointer-events: none;
|
||||
}
|
||||
.slick-initialized .slick-slide
|
||||
{
|
||||
display: block;
|
||||
}
|
||||
.slick-loading .slick-slide
|
||||
{
|
||||
visibility: hidden;
|
||||
}
|
||||
.slick-vertical .slick-slide
|
||||
{
|
||||
display: block;
|
||||
|
||||
height: auto;
|
||||
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
Vendored
+12
-12
File diff suppressed because one or more lines are too long
+45
-45
@@ -1,46 +1,46 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 646.58 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #fff;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #231f20;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-7 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-6" d="M400.08,153.5c-135.57,0-246.5,110.92-246.5,246.5s110.93,246.5,246.5,246.5,246.5-110.93,246.5-246.5-109.69-246.5-246.5-246.5ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66ZM577.55,366.72c-6.14,8.62-20.95,12.33-32.04,6.14-78.88-46.82-210.75-51.75-285.93-28.34-12.34,3.72-24.66-3.69-28.34-14.78-3.72-12.32,3.69-24.65,14.77-28.34,87.51-25.88,231.73-20.97,322.91,33.28,11.09,6.16,14.81,20.93,8.62,32.03h0s0,.01,0,.01Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-5" cx="391.44" cy="398.91" rx="213.59" ry="148.45"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400.08,153.5c-135.57,0-246.5,110.92-246.5,246.5s110.93,246.5,246.5,246.5,246.5-110.93,246.5-246.5-109.69-246.5-246.5-246.5ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66ZM577.55,366.72c-6.14,8.62-20.95,12.33-32.04,6.14-78.88-46.82-210.75-51.75-285.93-28.34-12.34,3.72-24.66-3.69-28.34-14.78-3.72-12.32,3.69-24.65,14.77-28.34,87.51-25.88,231.73-20.97,322.91,33.28,11.09,6.16,14.81,20.93,8.62,32.03h0s0,.01,0,.01Z"/>
|
||||
<path class="cls-7" d="M371.92,347.61c-94.38,0-176.09,35.36-215.85,86.92,16.92,119.36,120.14,211.97,244,211.97,89.47,0,168.19-48.33,211.38-120.14,1.39-6.82,2.16-13.75,2.16-20.82,0-87.22-108.2-157.92-241.68-157.92h0ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66Z"/>
|
||||
<path class="cls-3" d="M400.08,190.09c130.59,0,236.37,101.06,245.75,228.15.44-6.03.75-12.11.75-18.24,0-135.57-109.69-246.5-246.5-246.5s-246.5,110.92-246.5,246.5c0,6.14.3,12.25.76,18.3,9.45-127.12,116.34-228.2,245.74-228.2Z"/>
|
||||
<path class="cls-2" d="M477.8,633.79c14.4-33.16,32.49-82.74,35.66-87.53,3.72-7.39,2.47-17.25-6.14-20.95-64.1-39.44-145.44-48.07-239.1-27.11-7.39,2.46-13.56,9.86-11.09,18.49,1.24,3.73,6.47,48.79,12.45,92.07,37.91,23.86,82.66,37.73,130.52,37.73,27.14,0,53.24-4.51,77.72-12.71h0Z"/>
|
||||
<rect class="cls-4" x=".08" width="156" height="800"/>
|
||||
<rect class="cls-4" x="245.29" y="-245.29" width="156" height="646.58" transform="translate(245.29 401.29) rotate(-90)"/>
|
||||
<rect class="cls-4" x="245.29" y="398.53" width="156" height="646.58" transform="translate(-398.53 1045.11) rotate(-90)"/>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 646.58 800">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #bfa872;
|
||||
}
|
||||
|
||||
.cls-2 {
|
||||
fill: #8b7444;
|
||||
}
|
||||
|
||||
.cls-3 {
|
||||
fill: #d9c38c;
|
||||
}
|
||||
|
||||
.cls-4 {
|
||||
fill: #fff;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cls-5 {
|
||||
fill: #231f20;
|
||||
}
|
||||
|
||||
.cls-6 {
|
||||
fill: #37d660;
|
||||
}
|
||||
|
||||
.cls-7 {
|
||||
fill: #a58e5b;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path id="SVGCleanerId_0" data-name="SVGCleanerId 0" class="cls-6" d="M400.08,153.5c-135.57,0-246.5,110.92-246.5,246.5s110.93,246.5,246.5,246.5,246.5-110.93,246.5-246.5-109.69-246.5-246.5-246.5ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66ZM577.55,366.72c-6.14,8.62-20.95,12.33-32.04,6.14-78.88-46.82-210.75-51.75-285.93-28.34-12.34,3.72-24.66-3.69-28.34-14.78-3.72-12.32,3.69-24.65,14.77-28.34,87.51-25.88,231.73-20.97,322.91,33.28,11.09,6.16,14.81,20.93,8.62,32.03h0s0,.01,0,.01Z"/>
|
||||
<g id="Layer_2" data-name="Layer 2">
|
||||
<ellipse class="cls-5" cx="391.44" cy="398.91" rx="213.59" ry="148.45"/>
|
||||
</g>
|
||||
<path id="SVGCleanerId_0-2" data-name="SVGCleanerId 0-2" class="cls-1" d="M400.08,153.5c-135.57,0-246.5,110.92-246.5,246.5s110.93,246.5,246.5,246.5,246.5-110.93,246.5-246.5-109.69-246.5-246.5-246.5ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66ZM577.55,366.72c-6.14,8.62-20.95,12.33-32.04,6.14-78.88-46.82-210.75-51.75-285.93-28.34-12.34,3.72-24.66-3.69-28.34-14.78-3.72-12.32,3.69-24.65,14.77-28.34,87.51-25.88,231.73-20.97,322.91,33.28,11.09,6.16,14.81,20.93,8.62,32.03h0s0,.01,0,.01Z"/>
|
||||
<path class="cls-7" d="M371.92,347.61c-94.38,0-176.09,35.36-215.85,86.92,16.92,119.36,120.14,211.97,244,211.97,89.47,0,168.19-48.33,211.38-120.14,1.39-6.82,2.16-13.75,2.16-20.82,0-87.22-108.2-157.92-241.68-157.92h0ZM513.46,509.69c-4.91,7.4-13.54,9.87-20.95,4.93-57.93-35.74-130.65-43.13-216.9-23.4-8.65,2.45-16.03-3.72-18.49-11.1-2.47-8.63,3.7-16.03,11.09-18.49,93.66-20.95,175.01-12.32,239.1,27.11,8.61,3.7,9.86,13.56,6.14,20.95h0ZM543.05,441.9c-6.16,8.63-17.26,12.32-25.88,6.16-66.55-40.67-167.62-53-245.27-28.34-9.84,2.46-20.95-2.47-23.42-12.32-2.46-9.86,2.47-20.96,12.33-23.42,89.97-27.11,200.9-13.56,277.31,33.28,7.39,3.7,11.09,16.03,4.93,24.66Z"/>
|
||||
<path class="cls-3" d="M400.08,190.09c130.59,0,236.37,101.06,245.75,228.15.44-6.03.75-12.11.75-18.24,0-135.57-109.69-246.5-246.5-246.5s-246.5,110.92-246.5,246.5c0,6.14.3,12.25.76,18.3,9.45-127.12,116.34-228.2,245.74-228.2Z"/>
|
||||
<path class="cls-2" d="M477.8,633.79c14.4-33.16,32.49-82.74,35.66-87.53,3.72-7.39,2.47-17.25-6.14-20.95-64.1-39.44-145.44-48.07-239.1-27.11-7.39,2.46-13.56,9.86-11.09,18.49,1.24,3.73,6.47,48.79,12.45,92.07,37.91,23.86,82.66,37.73,130.52,37.73,27.14,0,53.24-4.51,77.72-12.71h0Z"/>
|
||||
<rect class="cls-4" x=".08" width="156" height="800"/>
|
||||
<rect class="cls-4" x="245.29" y="-245.29" width="156" height="646.58" transform="translate(245.29 401.29) rotate(-90)"/>
|
||||
<rect class="cls-4" x="245.29" y="398.53" width="156" height="646.58" transform="translate(-398.53 1045.11) rotate(-90)"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
+46
-46
@@ -1,47 +1,47 @@
|
||||
html, body, section {
|
||||
block-size: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
|
||||
section {
|
||||
scroll-snap-align: start;
|
||||
scroll-snap-stop: always;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section:nth-of-type(even) {
|
||||
color: white;
|
||||
background: black;
|
||||
}
|
||||
|
||||
section:nth-of-type(odd) {
|
||||
color: black;
|
||||
background: white;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, sans-serif;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: system-ui, sans-serif;
|
||||
font-size: 2rem;
|
||||
padding: 6px;
|
||||
background-color: rgb(0, 0, 0);
|
||||
cursor: pointer;
|
||||
font-weight: bolder;
|
||||
color: rgb(255, 255, 255);
|
||||
border: solid 4px rgb(0, 183, 255);
|
||||
border-top-right-radius: 18px;
|
||||
border-bottom-left-radius: 18px;
|
||||
html, body, section {
|
||||
block-size: 100%;
|
||||
}
|
||||
|
||||
html {
|
||||
scroll-snap-type: y mandatory;
|
||||
}
|
||||
|
||||
section {
|
||||
scroll-snap-align: start;
|
||||
scroll-snap-stop: always;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section:nth-of-type(even) {
|
||||
color: white;
|
||||
background: black;
|
||||
}
|
||||
|
||||
section:nth-of-type(odd) {
|
||||
color: black;
|
||||
background: white;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: system-ui, sans-serif;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: system-ui, sans-serif;
|
||||
font-size: 2rem;
|
||||
padding: 6px;
|
||||
background-color: rgb(0, 0, 0);
|
||||
cursor: pointer;
|
||||
font-weight: bolder;
|
||||
color: rgb(255, 255, 255);
|
||||
border: solid 4px rgb(0, 183, 255);
|
||||
border-top-right-radius: 18px;
|
||||
border-bottom-left-radius: 18px;
|
||||
}
|
||||
+773
-773
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user