-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
84 lines (80 loc) · 5.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en" class="notranslate" translate="no">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Raffle</title>
<link rel="stylesheet" href="style.css">
<meta name="google" content="notranslate" />
<link rel="icon" type="image/png" href="images/favicon.png"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"/>
</head>
<body onload="checkWinnnersDrawCount()">
<div id="headerWrapper">
<div class="container">
<div id="header">
<span id="headerTitle">CREATE NEW RAFFLE NOW!</span>
<div id="socialMedia">
<a id="githubLogo" href="https://github.com/hakanocal/raffle" style="text-decoration: none;" target="_blank">
<svg height="24" width="24" viewBox="0 0 16 16" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
</a>
<a id="linkedinLogo" href="https://www.linkedin.com/in/hakanocal/" style="text-decoration: none;" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 34 34">
<g>
<path d="M34,2.5v29A2.5,2.5,0,0,1,31.5,34H2.5A2.5,2.5,0,0,1,0,31.5V2.5A2.5,2.5,0,0,1,2.5,0h29A2.5,2.5,0,0,1,34,2.5ZM10,13H5V29h5Zm.45-5.5A2.88,2.88,0,0,0,7.59,4.6H7.5a2.9,2.9,0,0,0,0,5.8h0a2.88,2.88,0,0,0,2.95-2.81ZM29,19.28c0-4.81-3.06-6.68-6.1-6.68a5.7,5.7,0,0,0-5.06,2.58H17.7V13H13V29h5V20.49a3.32,3.32,0,0,1,3-3.58h.19c1.59,0,2.77,1,2.77,3.52V29h5Z" >
</path>
</g>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="container bg_grey" style="min-height: calc(100vh - 61px);">
<div id="dragNdropWrapper">
<div id="dragNdrop">
<div id="fileUploadWrapper">
<input id="fileToLoad" accept=".txt, .csv" class="button normal" onchange="loadFileAsText(); checkWinnnersDrawCount();" type="file">
</div>
<div class="icon"><i class="fas fa-cloud-upload-alt"></i></div>
<div id="dropyourfile">Drop your .txt or .csv files here</div>
<div style="margin-top: 5px;"> <span class="button primary" id="selectFile">DOSYA SEÇ</span> <span id="droppedFileName"></span></div>
</div>
</div>
<div class="mt_4" id="insertedItemsAndWinners">
<div id="insItemsWrapper" class="mr_5">
<div class="bolder0 mb1" id="enterSeperatedNames">Enter names separated by newlines:</div>
<!-- İSİMLERİ GİRİNİZ -->
<textarea name="insItems" id="insertedItemsArea" class="textarea" oninput="checkLines(); checkWinnnersDrawCount();" rows="20" spellcheck="false"></textarea>
<div id="insItemsSub" class="mt_1">
<span class="button danger" id="clearItems" onclick="clearItems()">CLEAR</span>
<span id="drawWinnerText" style="display: flex;">
<button class="button primary anim-click" style="margin-top: -2px;" id="drawbuttontext" disabled="true" onclick="drawWinners()">
ÇEK
</button>
<input type="text" id="winnerCount" oninput="checkWinnnersDrawCount()" maxlength="3" spellcheck="false" autocomplete="off" title="min:1, max:999">
<span id="winnerfromtext" style="margin-top: 2px;">kazanan </span>
<span id="itemCount" class="bolder5 larger" style="margin-top: 0px">
0
</span>
<span id="participantstext" style="margin-top: 2px;">katılımcı arasından </span>
</span>
</div>
</div>
<!-- KAZANANLAR -->
<div id="winnersWrapper">
<div class="bolder0 mb1" id="winners">Winners:</div>
<textarea name="winners" class="textarea disabled" id="winnersItemsArea" rows="20" spellcheck="false" readonly></textarea>
<div id="winnersSub" class="mt_1">
<span class="button danger" id="clearWinners" onclick="clearWinners()">CLEAR</span>
<div class="button primary-outline" style=" float:right;" id="copyWinners" onclick="copy()">
COPY
</div>
</div>
</div>
</div>
</div>
<script src="script.js" type="text/javascript"></script>
</body>
</html>