Skip to content

Commit 85822fe

Browse files
MuhammetCoskunMuhammetCoskun
committed
🗳 #38 Oyla sayfası giriş
1 parent 16bde9b commit 85822fe

File tree

6 files changed

+232
-0
lines changed

6 files changed

+232
-0
lines changed

‎oyla/Makefile

Whitespace-only changes.

‎oyla/README.md

Whitespace-only changes.

‎oyla/sayfa.css

+162
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,162 @@
1+
#oy {
2+
margin: 5em auto;
3+
display: flex;
4+
flex-direction: column;
5+
justify-content: space-around;
6+
align-items: center;
7+
}
8+
9+
.oyc {
10+
max-width: 900px;
11+
width: 80%;
12+
background-color: #fff;
13+
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
14+
border-radius: 10px;
15+
margin-bottom: 5em;
16+
}
17+
18+
.oycb {
19+
padding: 1em 1em 1em 2em;
20+
font-weight: 700;
21+
font-size: 14pt;
22+
}
23+
24+
.oyok {
25+
padding: 2em;
26+
border-left: 2px solid transparent;
27+
cursor: pointer;
28+
border-top: 1px solid rgba(0 0 0 / 10%);
29+
}
30+
31+
.oyok:hover {
32+
border-left: 2px solid #3d67ab;
33+
}
34+
35+
.oyaotop {
36+
display: flex;
37+
justify-content: space-between;
38+
}
39+
40+
.oyaotitle {
41+
font-size: 13pt;
42+
font-weight: 700;
43+
}
44+
45+
.oyaorem {
46+
color: rgb(0 0 0 / 60%);
47+
font-size: 10pt;
48+
margin-top: 0.5em;
49+
}
50+
51+
.oyaobody {
52+
display: flex;
53+
}
54+
55+
.oyaodac {
56+
width: 80%;
57+
}
58+
59+
.oyaod {
60+
margin-top: 0.5em;
61+
}
62+
63+
.oyaoac {
64+
margin-top: 1em;
65+
font-family: monospace;
66+
color: rgba(0 0 0 / 50%);
67+
}
68+
69+
.oyaochart {
70+
width: 20%;
71+
}
72+
73+
.columns {
74+
display: flex;
75+
justify-content: center;
76+
align-items: flex-end;
77+
}
78+
79+
.column {
80+
margin-right: 0.5em;
81+
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
82+
width: 25px;
83+
height: 80px;
84+
}
85+
86+
.column.yes{
87+
height: 80px;
88+
background-color: #90C8AC;
89+
}
90+
91+
.column.no{
92+
height: 30px;
93+
background-color: #FF8B8B;
94+
}
95+
96+
.column.yn{
97+
height: 45px;
98+
background-color: #D3CEDF;
99+
}
100+
101+
.chartbtns {
102+
display: flex;
103+
justify-content: center;
104+
}
105+
106+
.chartbtn {
107+
display: inline-block;
108+
width: 25px;
109+
height: 25px;
110+
opacity: 0.3;
111+
border-radius: 50%;
112+
margin: 0.5em 0.5em 0 0;
113+
transition: opacity 1s;
114+
}
115+
116+
.chartbtn.yes{
117+
background-color: #90C8AC;
118+
}
119+
120+
.chartbtn.no{
121+
background-color: #FF8B8B;
122+
}
123+
124+
.chartbtn.yn{
125+
background-color: #D3CEDF;
126+
}
127+
128+
.chartbtn:hover {
129+
opacity: 0.9;
130+
}
131+
132+
133+
134+
.oyiac {
135+
max-width: 600px;
136+
width: 60%;
137+
background-color: #fff;
138+
box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
139+
border-radius: 10px;
140+
margin-bottom: 5em;
141+
}
142+
143+
.oyiaob {
144+
font-size: 13pt;
145+
font-weight: 700;
146+
}
147+
148+
.oyiaod {
149+
margin-top: 0.5em;
150+
}
151+
152+
.code_network {
153+
color: #FFB562;
154+
}
155+
156+
.code_adr {
157+
color: #0096FF;
158+
}
159+
160+
.code_function {
161+
color: #A149FA;
162+
}

‎oyla/sayfa.html

+63
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
<!DOCTYPE html>
2+
<html data-en-lang=en lang=tr>
3+
4+
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<title data-en="KimlikDAO | Governance">KimlikDAO | Oylamalar</title>
8+
<link rel="preload" crossorigin href="/font/f400.woff2" as="font" />
9+
<link rel="preload" crossorigin href="/font/f700.woff2" as="font" />
10+
<link href="/font/lato-ttf.css" rel="stylesheet" type="text/css" data-remove />
11+
<link href="/ana/sayfa.css" rel="stylesheet" type="text/css" />
12+
<link href="/oyla/sayfa.css" rel="stylesheet" type="text/css" />
13+
</head>
14+
15+
<body>
16+
<div id="nal">
17+
<h2><a href="/">KimlikDAO</a></h2>
18+
<birim:cüzdan />
19+
</div>
20+
<div id="oy">
21+
<div id="oyac" class="oyc">
22+
<div class="oycb">Aktif Oylamalar</div>
23+
<div class="oyok">
24+
<div class="oyaotop">
25+
<div class="oyaotitle">TCKT Fiyat Değişikliği</div>
26+
<div class="oyaotb">I</div>
27+
</div>
28+
<div class="oyaobody">
29+
<div class="oyaodac">
30+
<div class="oyaod">TCKT fiyatı 1.5$ olarak belirlensin.</div>
31+
<div class="oyaoac">
32+
<div>Address: <span class="code_adr">TCKT</span> on <span class="code_network">Avalanche</span>(<span class="code_network">Raw</span>: <span class="code_adr">"0xa86a, 0xcCc23478203948cCc"</span>)</div>
33+
<div>Calldata: <span class="code_function">updatePrice</span>(USDC, $1.5) (<span class="code_network">Raw</span>: "0x94934811238773733")</div>
34+
</div>
35+
<div class="oyaorem">13D 21H REMANING</div>
36+
</div>
37+
<div class="oyaochart">
38+
<div class="columns">
39+
<div class="column yes"></div>
40+
<div class="column no"></div>
41+
<div class="column yn"></div>
42+
</div>
43+
<div class="chartbtns">
44+
<a href="javascript:" class="chartbtn yes"></a>
45+
<a href="javascript:" class="chartbtn no"></a>
46+
<a href="javascript:" class="chartbtn yn"></a>
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
<div id="oyiac" class="oyc">
53+
<div class="oycb">Diğer oylamalar</div>
54+
<div class="oyok">
55+
<div class="oyiaob">TCKT Fiyat Değişikliği</div>
56+
<div class="oyiaod">TCKT fiyatı 1.5$ olarak belirlensin.</div>
57+
</div>
58+
</div>
59+
</div>
60+
<script async type="module" src="/oyla/sayfa.js" data-remove-type></script>
61+
</body>
62+
63+
</html>

‎oyla/sayfa.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
/**
2+
* @fileoverview Oyla sayfası giriş noktası
3+
*
4+
*/
5+
import Cüzdan from '/birim/cüzdan/birim';
6+
import dom from '/lib/dom';

‎tools/dev.js

+1
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,7 @@ const SAYFALAR = {
4343
"/al": "al/sayfa.html",
4444
"/get": "al/sayfa.html",
4545
"/incele": "incele/sayfa.html",
46+
"/oyla": "oyla/sayfa.html",
4647
};
4748

4849
createServer({

0 commit comments

Comments
 (0)