From 69a61088c4341010e3f1ce7518a6a7ea1a0e5ff0 Mon Sep 17 00:00:00 2001 From: poni Date: Mon, 16 Nov 2020 19:12:37 +0100 Subject: [PATCH] added web files --- web/.DS_Store | Bin 0 -> 6148 bytes web/grid.png | Bin 0 -> 15513 bytes web/index.html | 52 +++++++++++++++++++ web/script.js | 0 web/style.css | 137 +++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 189 insertions(+) create mode 100644 web/.DS_Store create mode 100644 web/grid.png create mode 100644 web/index.html create mode 100644 web/script.js create mode 100644 web/style.css diff --git a/web/.DS_Store b/web/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..bd1ede9f83c5d0e11f7e8742cf58ada3100d5635 GIT binary patch literal 6148 zcmeHKOHKnZ47F(&Be9@6Smp}7L8yikbjJ#n;U~>B6>3*(a;08@v#{k3JjVt)nvp88 zKnU5A^PI#^JWrY=CL&(!nmN&oh$^Tci!mZHJUVq^&Ql)%r6=fj{t0%2uX%1C=F8jEZ4S~u649l)UbSh3i0b_9`u%19dU<@GE;T=h+B^=j zJ4n<`XTTY72AlzBV88(GY?10z(OYN08E^)^7?ATJKn0^=RxC#cnoTa1H590!Y$XP3IL3qdMZ>J9;lx&auxbe_92LEF2AqLD0~77e z_HFEd)?_d~qr3^)V-i~*k3%X)#2vb%Ngd2-hV=nYgv{IVDj*u6&pI&zL&lu4Zr aV#6;QW<^;=#!EQR9|DCCZ=8W&VBiBW6FL9@ literal 0 HcmV?d00001 diff --git a/web/grid.png b/web/grid.png new file mode 100644 index 0000000000000000000000000000000000000000..fd7a5024b609f5efa99eac62770e018c86926f1b GIT binary patch literal 15513 zcmeI3Ux*t;9LJ{?i=LE%6%-$I-BwWQX8$MIHA$_P);louyvy0^Q#;w2Qv{C>0Z zncw_&^RTZjoqTHl-2HO^fc=XLr8)Ae5Td%hTt3ko zj#x!;J&prgmfP)irmbiEupz6KWyy*rYnnuQNYSZMNv!!8XUcOwSvJwUesepD9Rle$ZAHBXE;?VY`0cxs%I1*-y&Dio7vO>qw02m zggGl&yxhRu`@a%9}ZE#eZ9i&v*!La^?~ezfk-nD;=QIs4eH z4;N=_3W+k)4R_obZi&)$OH-k{LIsk4_I!w8?1xp~ZN0v?NuLRHLfqY{js3>xiP+iZT+U+mnh>A-RuW40};Dh2*oO z=~Y#+b>m2q+r1ED9qAxGa_ieS4l(RD9-vaO7riKko`V<5B{J)b>mpl&3fXOzCF$90 zO{&!lB;{2tCpj9-W3mxV1EO?#v`q)CQlWTiSXOeqi5 zoK(ZQqbRtBa&@&o#FQ`-LoK)w$)oL&{32PF)|?gm{CI0$Xu4_b2w)iDWJ?ys{+=8Z zn?Wr}eA2CLLno;^B_~N-OmL624lirq*>iIzm-FTjbmNb>&mN<_jy+c5cSEJUW(SG< zdfbK~KGq-^ax;6f8+F``4quRyD&2JdfrW_R*56x(8qzggwM;2j%UP187?zYbjhv(# zx}xP3Cu=%n$Nw*uVVK3vI`kSCmE``+`VIf3mAkom_}5o%dd>g$cF!$aw(d3@FNpmj zJ6S*r$g%5w*n)A%ZNUbX1Fun#hmFHjDGYBN^M2D0D?Y*{y&z9(9`Q<^CTvpNNuhyh zQ6&|BqK)pqmK5pcX4*feDddpVa_1w6m^+uzbN4%0p9y^7x zLY~fXDQlX#S&->w+GEM>;O1J{CAa4&xy_hlUa1c)Om#dx%W*{LId)TF| zd?=OUqJXeXj*HEQQaLUP2;1bi*nB9J|d?=OUqJXeXj*HEQQaLUP2;1bi z*nB9J|d?=OUqJXeXCa$^RJGa;)FWR=r8?{%OP$zHW3eLiE1%RE00eI;g z0N1XQ^G^V5DggX^76AKA0PgkApZV+r>ASU9K345~d-a=V_n&*>p4-3PU67XUMwid* zeXnzP_2TaziI=P&FCSj{{=!?|ef8T54}RYG;_B+^`7aM#+jrXyk6$-ld*kqje|&uD r{fAaJ&R5&7zqoc~4*=J%?*+R*9C-J+gS+JF09ZVJvi!l5XJ7sk)Jwq{ literal 0 HcmV?d00001 diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..6fa1984 --- /dev/null +++ b/web/index.html @@ -0,0 +1,52 @@ + + + + + + + Practical Vision + + + + + + + +
+

PRACTICAL
VISIONS

+
+ +
+ +
+ +
+
    +
  • element 1
    • +
  • element 2
    • +
  • element 3
    • +
  • element 4
    • +
  • element 5
    • +
  • element 6
    • +
+
+ +
+
+

daghe

+
+
+ + + + + + \ No newline at end of file diff --git a/web/script.js b/web/script.js new file mode 100644 index 0000000..e69de29 diff --git a/web/style.css b/web/style.css new file mode 100644 index 0000000..8211bb5 --- /dev/null +++ b/web/style.css @@ -0,0 +1,137 @@ +:root{ + font-family: Arial, Helvetica, sans-serif; + --background-color: white; + --regular: 30px +} + +body{ + margin: 0 ; + height: 100vh; + width: 100vw; + background-color: var(--background-color); + background-image: url('grid.png'); + background-size: 5cm; + overflow-y: hidden; +} + +header{ + z-index: 120; + position: absolute; + text-align: center; + transform: rotate(-13deg); + font-size: 7vw; + color: rgb(227, 224, 240); + margin: 0 10%; + animation: cycle 1s linear ; + color: rgba(0,0,0,0); + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; +} + + + +button{ + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline-block; + padding: 0.5vw 1.5em; + color: blue; + font-size: var(--regular); + text-decoration: none; + margin-bottom: 1.5vw; + background-color: rgba(104, 96, 226, 0.164); + border-radius: 40px; + box-shadow: 3px 8px 20px rgba(78, 78, 219, 0.76); +} + +nav{ + z-index: 100; + padding: 20px; + margin: 0; + position: fixed; + display: flex; + -webkit-box-align: start; + align-items: flex-start; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + flex-direction: column; + z-index: 110; + color: blue; + height: 100%; + box-sizing: border-box; +} + +#print{ + color: red; + background-color: rgba(226, 96, 96, 0.164); + border-radius: 50px 4px; + box-shadow: 3px 8px 20px rgba(214, 29, 53, 0.76); + position: absolute; + bottom:1vw; + left:1vw; +} + +.container { + min-height: 100vh; + display: flex; + justify-content: center; + align-items: center; + } + +.contents{ + display: none; + z-index: 90; + background-color: white; + box-shadow: 1px 3px 90px 20px rgba(4, 14, 70, 0.76) ; + border: blue 0.5vw; + width: 70vw; + height: 70vh; + margin-left: 10vw; +} + +.legenda{ + columns: 2; + padding: 0.3vw; + z-index: 170; + border: black dashed 0.3vw; + width: 15%; + height: 15%; + + position:absolute; + bottom:1vw; + right:1vw; +} + +ul{ + display: flex; + flex-flow: row wrap; + justify-content: space-around; + + padding: 0; + margin: 0; + +} + +li{ + padding: 0; + margin: 0; + display: flex; + font-size: 1vw; +/* align-content: stretch; */ + +} + + + +@keyframes cycle { + 0% { text-shadow: rgb(43, 98, 201) 10px 10px 20px;} + 20% {color: darkblue;} + 40% {text-shadow:darkblue 10px 10px 20px;} + 60% {text-shadow: rgb(43, 98, 201) 10px 10px 200px;} + 80% { color: rgba(227, 224, 240,0);} + 90% {visibility: hidden;} + } \ No newline at end of file