From 5263e2e464033d985347c2e35d086b614c8c9b51 Mon Sep 17 00:00:00 2001 From: Yehor Vialov Date: Fri, 19 Jan 2024 13:10:53 +0200 Subject: [PATCH] Redesign --- .gitignore | 1 + index.html | 87 +++++++++++++++++++++++++++++++++------------- web_images/g4.png | Bin 0 -> 1866 bytes web_images/m.png | Bin 0 -> 1297 bytes 4 files changed, 64 insertions(+), 24 deletions(-) create mode 100644 .gitignore create mode 100755 web_images/g4.png create mode 100755 web_images/m.png diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..b7ff13a --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_STORE \ No newline at end of file diff --git a/index.html b/index.html index f549282..afd24b8 100644 --- a/index.html +++ b/index.html @@ -24,37 +24,76 @@ div#outer { } div#inner { display: table-cell; - text-align: center; vertical-align: middle; } div#container { - display: flex; - flex-direction: column; - justify-content: center; - min-width: 800px; - min-height: 580px; + width: 28rem; + margin: 0 auto; + } -img { - width: 500px; - height: 500px; - margin: 30px 0; + +.dot { + display: table-cell; + width: 1.4rem; + height: 1.4rem; + background-size: contain; + background-repeat: no-repeat; + padding-bottom: 1rem; + padding-left: 4rem; + background-size: 1.4rem; + background-position-x: right; } -p#header { + +.dot.internal { + /*background-image: url("/web_images/g4.png");*/ + background-image: url("file:///Users/yehor/src/default-www/web_images/g4.png"); +} + +.dot.m { + /*background-image: url("/web_images/m.png");*/ + background-image: url("file:///Users/yehor/src/default-www/web_images/m.png"); +} + +p#header1 { font-family: sans-serif; - font-size: 28px; + font-size: 2.5rem; color: #323C46; text-align: center; - line-height: 36px; margin-top: 0; - margin-bottom: 12px; + margin-bottom: 0.5rem; } -p#paragraph { + +p#header2 { font-family: sans-serif; - font-size: 13px; - color: #323C46; + font-size: 1.2rem; + color: #a0a0a0ff; text-align: center; - line-height: 20px; - margin: 0 auto; + margin-top: 0; + margin-bottom: 1.5rem; +} +.line { + display: table-row; + font-family: sans-serif; + font-size: 1.5rem; + color: #323C46; + padding-bottom: 0.3rem; +} + +.link { + display: table-cell; + padding-left: 0.4rem; + color: #a0a0a0ff; + text-decoration: none; +} + +.link:visited { + color: #a0a0a0ff; + text-decoration: none; +} + +.link:hover { + color: #323C46; + text-decoration: none; } @@ -63,11 +102,11 @@ p#paragraph {
-
- - -

Thanks for visiting.

-
+

Random Place Online

+

by Yehor Vialov

+ + +
diff --git a/web_images/g4.png b/web_images/g4.png new file mode 100755 index 0000000000000000000000000000000000000000..85ac2c9c3963b8c8fffbb806f2a0f18f4de9eac7 GIT binary patch literal 1866 zcmV-Q2etT#P)bM zK~z|Ut(aSIRn-~CfB&`5$w^KUl0Y29%0)tiB6b`UsV%LQ+QFGV2m@rajyl+BnO+_` zedt?9``A8pd}_y;TCjCGC{C}=)Ui1FqSIQrC_+VOA%dg?(&Xfxv)8{5JIOh@ktqCM z&OUox_V4@Fx4!+YE!$jG9UaL?fm?FH>#&yzEh4BMGYa%u?upSK=Ig>qetDqx>XXec z%?Y%3Z@xU-vpK*PaB(4%1-M9(J3>rHFf|1FhZ!r?4&=KyaA4@u1MPWuRdjhLrfJ?8 zOap;swpx)30a^G$jC_cgm^_A{{}6ef)tBDk$=AvY2YPJRT~Ycvkj!ICtm`;N76CbeYW3jmg1-BMdfl=np{8bb7=Xq_K^s0-t1sT$$k{VNS1ucz7!`zjKqJ#e zC=zBkG)YfeUCG*65wTku9=eHE-xg31% zY(bC+H2@z&Wj6u{7VE`790`IOt36|RIaZj2LGakOnsn#p{K849l+U9lzEjj4cjhb? zjaM0MnyqU&H?}Sy8UZj3LhS%SUIfl|;C=Tu>dRYa+ujRT2rEuSE0t}flXwT@za=6S0qaWk;2(!q@ZC`np6anD&&%i8bSRLAvHl1O*n zJ)T}1unLmeK>6{9=Ryd{m1r%gvZE5bZEFkH6$s$gb(MT4auMgiE60IK0jHOct9MYg zM0LeLp%AV+Q1jwS2snF|(M>=S6#Bwgns!eu1IFWLt}J}5Di$k7YJ4Zl0kIf37xL63 zpo>*QQUL$2Co*4o`)SnITSg&4SzH~l}#84tKDsyJMty19~e|P#j=bGhX?+i~~tMaS>=dc|Lc_vN@=OtYb3{DRC z`Fl$Aa>YNs zG(eh_BgUEGQDc@*5GZ9pwrx(5VOwy*=Kb+G%=7z(D9?FFShzaRru^-%B>+iLQeTLq z#_wTwfk7&I;e0Uq8Ol%E;KZ zXx5HHdrg z24NIp30PRJGFL`oe6j8~2S1vXb-_T>_2|xJX%fCBvt~j4MSqBXo#F8IL;zo3pb72S z(M+1GC1_2wT7ZV^>sc(>Dgoyc>m+Tro#n|V=PhUc4_f6FF$7>Jf&c&j07*qoM6N<$ Ef)(|8+yDRo literal 0 HcmV?d00001 diff --git a/web_images/m.png b/web_images/m.png new file mode 100755 index 0000000000000000000000000000000000000000..9352ad6d98b3ab99f07178cad2187d8cf6b23bad GIT binary patch literal 1297 zcmV+s1@8KZP)daeL%fc9MP0)Hxc%ZNmQpXqYyIdtf+ zOy$H^(7Mnx43!G+0Tr1Q4;l@E9>K~%_D7mB3)->6*l5F65!no653`WINT}*(W_ra= zwr#V$Mw5~zVw)TGipcg65Cf1cBHL|q!(K$hD=56`Q&9nYpEtk=1Jh z-BwxR2vX+j9ajXeEKav|cf;id_YP;5xg0<$`z+4(82ok_a&n-&!oBw5)z{$YLFnl4 zloYhg0Vetino|y0k4&ov33TUXxN+Sb7ZxHPZ-HqupyZLK*mMp3Vi&~Y?s&?x$hOZ@ zf1~5T?748^oL|+626)0(&{HMp;|p~uF#z#6`t4Cqn4XBF#DE)9UzbiQDfKN0OfW#M zpGWcv(haRGUQ*LFudO-iwcWm*o;$z5%W;uqaCc`PMd?FLbbC1+?e3C(NK)Tr?THl+ zr56bk=o$$8I)(n)naoHS!1hZUIdl!}2@OBmg6Gia;2#G_4k<-*G_|b^ZT8N@1`NaHArX%R7RvhP?UfWg{d zMp4X3QC_0z@Y!C2!##6_0^&g72#H7nwIaHks-xfcb&9H@>qEzZ6`8UK@)1JJs?HOb z4a@|d0dg{g{R`Xx{!p~hh@8hhsHOV&-Jk#mK!lU3nFWEiQx)0k*^M`ainwn|5IdG6 zF>-poi4p}Z?BD;ebqsESd<2omIgZo48yFu%w4#d*?D06hj>Lf20PFP&_l9d~+6BJM zL==?};n39KDx6smfF!;GGQE@XRXD|lHB5H1 zX{Dwn)ktr8w}9@v8KASQnuVxZQym#_OW-|0TfcgZqSXxUBqRxR1NlC_)3Pt}`alzT zTiAU^z7b^!aCH!ZvI4}wAm4BPJ#}^DjCAsxh-?JT@c17Bw*)ynm;nDn&%XF@MKNSA zvQ`%&rcBUTKq*iJi~+iUzk%y2TsKzgG4ca(TSp`^s22G@U51o;9=)Xx00000NkvXX Hu0mjfo4Zrc literal 0 HcmV?d00001