search

ethcon-kr / genesis.ethcon.kr

The first ETHCon Korea website for the call for participation
https://genesis.ethcon.kr
2 stars 6 forks source link

ethcon.kr should apply new design #2

Closed wanseob closed 5 years ago

wanseob commented 5 years ago

d1

Font

wanseob commented 5 years ago 
<!DOCTYPE html>
<html>
<body>
  <div class="bg">
    <svg class="logo" width="400" height="400" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="full">
    <g transform="scale(1,-1) translate(0,-500)">
        <path class="upper" d="M 64.258898 2.821506 L 70.580998 5.679700 L 76.734980 8.831559 L 82.711739 12.268155 L 88.502518 15.980468 L 94.098214 19.959656 L 99.489808 24.196702 L 101.805149 26.202336 L 1.305026 85.271093 L 60.976982 1.527451 Z" transform="scale(1.000000,1.000000) translate(100.000000,146.000000)" opacity="1.000000"></path>
        <path class="lower" d="M 239.501067 210.271093 L 91.097046 122.818865 L 42.805149 151.202336 L 40.489808 149.196702 L 35.098214 144.959656 L 29.502518 140.980468 L 23.711739 137.268155 L 17.734980 133.831559 L 11.580998 130.679700 L 5.258898 127.821506 L 1.976982 126.527451 L 91.097046 1.456313 Z" transform="scale(1.000000,1.000000) translate(159.000000,21.000000)" opacity="1.000000"></path>
        <path class="upper" d="M 119.070841 17.561277 L 123.073786 22.655044 L 127.052974 28.250740 L 130.765374 34.041519 L 134.201969 40.018278 L 137.353829 46.172260 L 140.211936 52.494360 L 142.767446 58.975649 L 145.011343 65.607196 L 146.934522 72.379983 L 147.390151 74.354057 L 148.495972 74.260331 L 149.412606 77.488316 L 151.656416 84.119863 L 154.211926 90.601152 L 157.070120 96.923253 L 160.221979 103.077148 L 163.658575 109.053993 L 167.370888 114.844773 L 171.350076 120.440381 L 175.587122 125.832063 L 180.072921 131.010712 L 184.798716 135.967400 L 189.755404 140.693196 L 194.934054 145.178995 L 200.325735 149.416040 L 205.921344 153.395228 L 211.712123 157.107542 L 217.688969 160.544137 L 223.842864 163.695997 L 230.164965 166.554191 L 236.646253 169.109701 L 241.391124 170.715110 L 150.097046 304.543687 L 1.498983 86.712916 L 147.097178 1.077134 Z" transform="scale(1.000000,1.000000) translate(100.000000,173.000000)" opacity="1.000000"></path>
        <path  class="lower" d="M 180.694974 88.712907 L 123.391074 172.715107 L 118.646174 171.109607 L 112.164874 168.554107 L 105.842774 165.695907 L 99.688874 162.544107 L 93.712074 159.107507 L 87.921274 155.395207 L 82.325674 151.416007 L 76.933974 147.178907 L 71.755374 142.693107 L 66.798674 137.967307 L 62.072874 133.010707 L 57.587074 127.832007 L 53.350074 122.440307 L 49.370874 116.844707 L 45.658574 111.053907 L 42.221974 105.077107 L 39.070074 98.923207 L 36.211874 92.601107 L 33.656374 86.119807 L 31.412574 79.488307 L 30.495874 76.260307 L 29.390074 76.354007 L 28.934474 74.379907 L 27.011274 67.607107 L 24.767374 60.975607 L 22.211874 54.494307 L 19.353774 48.172207 L 16.201874 42.018207 L 12.765374 36.041507 L 9.052874 30.250707 L 5.073774 24.655007 L 1.070774 19.561207 L 32.096974 1.312707 Z" transform="scale(1.000000,1.000000) translate(218.000000,171.000000)" opacity="1.000000"></path>
    </g>
</svg>
  </div>
</body>
</html>
.bg {
  background: #333652;
  height: 100vh;
}

.logo {
  display: block;
  margin: auto;
}

.upper {
  fill: #e9eaec;
}

.lower {
  fill: #fad02c;
}

demo

wanseob commented 5 years ago

Please edit the color palette variables in the assets/sass/libs/_vas.scss file.

$palette: (
        bg-alt:             #333333,
        bg:             #ffffff,
        fg:             #000000,
        fg-bold:            #000000,
        fg-light:           #000000,
        border:             rgba(0,0,0,0.125),
        border-bg:          rgba(0,0,0,0.05),
        accent1:            #f54a6f,
        accent2:            #debf55,

        invert: (
            bg:         #3a3a3a,
            fg:         #ffffff,
            fg-bold:        #ffffff,
            fg-light:       rgba(255,255,255,0.5),
            border:         #ffffff,
            border-bg:      rgba(255,255,255,0.05)
        )
)

Because of the basic theme of the web page, it might be tested with several scss values.