-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
89 lines (78 loc) · 24.8 KB
/
index.html
File metadata and controls
89 lines (78 loc) · 24.8 KB
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
85
86
87
88
89
<!DOCTYPE html>
<html lang="en" data-theme="light" data-font="serif">
<head>
<title>FirstDraft - Embrace your creative flow, save edits for later</title>
<!-- Meta -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#536C91" />
<meta name="description" content="FirstDraft is a writing tool designed to help you resist the temptation to edit while working on your first draft.">
<meta name="keywords" content="first draft, editor, writing, writing tool, flow" />
<meta name="author" content="Phyele" />
<!-- Google Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Albert+Sans&family=Hedvig+Letters+Serif:opsz@12..24&display=swap" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/editor.css">
<!-- Favicon -->
<link rel="icon" href="img/favicon.png" type="image/x-icon" />
<!-- Social -->
<meta property="og:title" content="FirstDraft - Embrace your creative flow, save edits for later" />
<meta property="og:description" content="FirstDraft is a writing tool designed to help you resist the temptation to edit while working on your first draft." />
<meta property="og:image" content="https://phyele.github.io/FirstDraft/img/og-image.png" />
<meta property="og:url" content="https://phyele.github.io/FirstDraft/" />
<meta property="og:type" content="website" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="FirstDraft - Embrace your creative flow, save edits for later" />
<meta name="twitter:description" content="FirstDraft is a writing tool designed to help you resist the temptation to edit while working on your first draft." />
<meta name="twitter:image" content="https://phyele.github.io/FirstDraft/img/twitter-image.png" />
</head>
<body>
<main>
<div class="fd-desktop">
<!-- Navbar -->
<nav class="fd-navbar">
<div class="fd-logo">
<svg xmlns="http://www.w3.org/2000/svg" width="228" height="48" fill="none" aria-label="FirstDraft logo"><g clip-path="url(#a)"><path fill="#FAD985" fill-rule="evenodd" d="M28.8 48h-9.6c-9.051 0-13.576 0-16.388-2.812C0 42.376 0 37.851 0 28.8v-9.6C0 10.149 0 5.624 2.812 2.812 5.624 0 10.172 0 19.272 0c1.454 0 2.62 0 3.6.04-.032.192-.05.388-.05.585L22.8 7.428c0 2.633 0 4.96.252 6.836.273 2.033.9 4.065 2.56 5.724 1.659 1.66 3.692 2.287 5.725 2.56 1.875.253 4.202.253 6.835.252H47.898C48 24.082 48 25.656 48 27.751V28.8c0 9.051 0 13.576-2.812 16.388C42.376 48 37.851 48 28.8 48Z" clip-rule="evenodd"/><path fill="#AD7513" d="M14.4 30c0 1.988-1.075 3.6-2.4 3.6S9.6 31.988 9.6 30s1.075-3.6 2.4-3.6 2.4 1.612 2.4 3.6ZM38.4 30c0 1.988-1.075 3.6-2.4 3.6s-2.4-1.612-2.4-3.6 1.075-3.6 2.4-3.6 2.4 1.612 2.4 3.6Z"/><path fill="#F0BB41" d="M22.822.624 22.8 7.427c0 2.633 0 4.96.252 6.835.273 2.034.9 4.066 2.56 5.725 1.659 1.66 3.692 2.287 5.725 2.56 1.875.252 4.202.252 6.835.252h9.726c.03.373.05.771.066 1.2H48c0-.642 0-.963-.024-1.341-.136-2.147-1.028-4.607-2.3-6.341-.224-.306-.378-.49-.684-.856C43.09 13.185 40.586 10.35 38.4 8.4c-1.946-1.736-4.611-3.634-6.936-5.187-1.997-1.333-2.995-2-4.364-2.496a13.186 13.186 0 0 0-1.217-.369C24.962.12 24.064.041 22.8.014l.022.61Z"/><path fill="#AD7513" d="M30.534 36.202a1.2 1.2 0 1 1 1.332 1.996 14.18 14.18 0 0 1-15.28.289l-.452-.289-.098-.072a1.2 1.2 0 0 1 1.324-1.988l.106.064.373.239a11.78 11.78 0 0 0 12.695-.24Z"/></g><path fill="currentColor" d="M118.897 17.866c1.511 0 2.812.209 3.904.627 1.115.418 2.021 1.023 2.719 1.813.696.766 1.138 1.684 1.324 2.753l-3.625 1.15c-.07-.65-.291-1.196-.662-1.638-.372-.464-.871-.813-1.498-1.046-.628-.232-1.36-.348-2.197-.348-1.068 0-1.904.186-2.508.557-.605.372-.907.872-.907 1.5 0 .51.186.917.558 1.22.395.301.93.545 1.603.73a46.25 46.25 0 0 0 2.37.558c.929.186 1.824.407 2.683.662a9.89 9.89 0 0 1 2.37.942 4.716 4.716 0 0 1 1.673 1.568c.418.627.628 1.44.628 2.44 0 1.208-.326 2.241-.977 3.101-.65.837-1.579 1.476-2.788 1.917-1.184.418-2.613.628-4.286.628-1.231 0-2.347-.128-3.346-.384-.976-.232-1.812-.57-2.509-1.01-.697-.465-1.255-1.011-1.673-1.638a5.033 5.033 0 0 1-.767-2.161l3.451-1.29c.046.605.279 1.15.697 1.638.418.465.999.837 1.742 1.115.743.28 1.638.418 2.684.418 1.161 0 2.056-.174 2.683-.522.651-.372.976-.895.976-1.568 0-.488-.174-.872-.523-1.15-.348-.303-.859-.546-1.533-.732-.65-.21-1.441-.407-2.37-.593a60.44 60.44 0 0 1-2.614-.627 13.026 13.026 0 0 1-2.405-.976 5.623 5.623 0 0 1-1.777-1.603c-.441-.674-.662-1.523-.662-2.545 0-1.115.29-2.08.871-2.892.604-.814 1.464-1.453 2.579-1.918 1.139-.464 2.509-.696 4.112-.696Zm72.218 0c1.696 0 3.09.279 4.182.836 1.092.534 1.906 1.382 2.44 2.544.535 1.139.801 2.614.801 4.427v3.415c0 .79.012 1.615.035 2.474l.14 2.544c.07.837.151 1.65.244 2.44h-3.938a43.9 43.9 0 0 1-.245-2.09 69.62 69.62 0 0 1-.173-2.266h-.558a8.512 8.512 0 0 1-1.395 2.44 6.893 6.893 0 0 1-2.23 1.742c-.86.418-1.859.628-2.997.628-.999 0-1.894-.186-2.684-.558a4.537 4.537 0 0 1-1.882-1.743c-.441-.767-.663-1.719-.663-2.857 0-.953.175-1.767.524-2.44.372-.674.917-1.22 1.638-1.638.72-.442 1.614-.802 2.683-1.08 1.069-.303 2.324-.558 3.765-.767a23.168 23.168 0 0 0 1.916-.349c.511-.116.883-.29 1.115-.523.232-.256.349-.627.349-1.115 0-.72-.256-1.336-.767-1.847-.488-.534-1.289-.802-2.404-.802-.674 0-1.325.117-1.952.349a3.906 3.906 0 0 0-1.569 1.115c-.441.488-.743 1.14-.906 1.952l-3.938-1.22c.255-.93.627-1.731 1.115-2.405a6.947 6.947 0 0 1 1.812-1.777 7.704 7.704 0 0 1 2.475-1.08c.929-.232 1.952-.349 3.067-.349Zm-55.137.453h4.809v3.66h-4.809v8.433c0 .86.197 1.488.592 1.883.419.395 1.034.592 1.847.592.441 0 .872-.046 1.29-.139a3.885 3.885 0 0 0 1.22-.558v4.182c-.721.232-1.383.383-1.988.453-.58.093-1.103.14-1.568.14-1.928 0-3.346-.511-4.252-1.533-.906-1.046-1.358-2.661-1.358-4.845v-8.748h-2.684l.069-3.485h1.778c.674 0 1.174-.105 1.499-.314.325-.21.522-.58.592-1.115l.419-2.649h2.544v4.043Zm86.245 0h4.809v3.66h-4.809v8.433c0 .86.197 1.488.592 1.883.419.395 1.034.592 1.847.592.442 0 .872-.046 1.29-.139a3.875 3.875 0 0 0 1.22-.558v4.182c-.72.232-1.382.383-1.986.453-.581.093-1.104.14-1.569.14-1.928 0-3.346-.511-4.252-1.533-.906-1.046-1.359-2.661-1.359-4.845v-8.748h-2.684l.07-3.485h1.777c.674 0 1.174-.105 1.499-.314.325-.21.522-.58.592-1.115l.419-2.649h2.544v4.043ZM84.728 13.544v3.799H72.392v6.517h10.943v3.66H72.392v9.027H68V13.544h16.728Zm7.875 23.003H88.21V18.319h4.392v18.228ZM107.538 17.9c.232 0 .477.012.732.036.279.023.582.08.907.173l-.175 4.636a4.908 4.908 0 0 0-1.15-.28 5.697 5.697 0 0 0-1.045-.104c-.906 0-1.697.233-2.37.698-.651.464-1.186 1.126-1.604 1.986-.395.836-.697 1.836-.906 2.998v8.504h-4.39V18.319h3.693l-.07 6.273h.628c.209-1.487.534-2.718.976-3.694.441-.999 1.056-1.743 1.846-2.231.79-.511 1.766-.767 2.928-.767Zm45.156-4.356c2.719 0 4.937.453 6.657 1.36 1.742.905 3.02 2.207 3.834 3.903.836 1.673 1.254 3.694 1.254 6.064 0 1.673-.197 3.16-.592 4.461-.395 1.278-.93 2.382-1.604 3.312a8.994 8.994 0 0 1-2.37 2.23c-.906.58-1.882 1.01-2.927 1.29-1.022.255-2.08.383-3.172.383h-8.992V13.544h7.912Zm26.08 4.356c.233 0 .476.012.732.036.279.023.581.08.906.173l-.175 4.636a4.88 4.88 0 0 0-1.149-.28 5.698 5.698 0 0 0-1.046-.104c-.906 0-1.696.233-2.37.698-.651.464-1.185 1.127-1.603 1.986-.395.836-.697 1.836-.906 2.998v8.504h-4.392V18.319h3.695l-.07 6.273h.627c.209-1.487.535-2.718.976-3.694.441-.999 1.058-1.743 1.848-2.231.79-.511 1.766-.767 2.927-.767Zm30.33-6.169c.999 0 1.905.129 2.718.384.837.256 1.511.57 2.022.942l-.348 4.042a5.725 5.725 0 0 0-1.778-.976c-.674-.255-1.324-.383-1.951-.383-.721 0-1.313.21-1.778.627-.464.395-.697 1.046-.697 1.952 0 .581.104 1.057.313 1.429.21.348.477.627.802.836.349.186.686.326 1.011.419h4.252v3.484h-4.74v12.06h-4.286v-12.06h-3.033v-3.31l4.775.244v-.628c-.72-.21-1.325-.51-1.813-.905a3.873 3.873 0 0 1-1.08-1.464 5.124 5.124 0 0 1-.313-1.813c0-.999.243-1.859.731-2.579.488-.72 1.174-1.278 2.057-1.673.883-.418 1.928-.628 3.136-.628ZM194.23 27.442a5.152 5.152 0 0 1-.64.252c-.581.186-1.197.325-1.848.418-.627.093-1.266.21-1.917.349a8.686 8.686 0 0 0-1.707.488c-.511.186-.918.464-1.221.836-.301.349-.453.837-.453 1.464 0 .79.257 1.405.768 1.847.511.441 1.161.663 1.951.663a4.2 4.2 0 0 0 1.395-.244 5.555 5.555 0 0 0 1.428-.733c.465-.325.895-.72 1.289-1.184a7.218 7.218 0 0 0 1.011-1.708l-.056-2.448Zm-45.055 5.48h4.496c1.394 0 2.544-.314 3.45-.941.929-.628 1.615-1.523 2.057-2.684.464-1.162.696-2.556.696-4.182 0-1.37-.151-2.555-.453-3.554-.279-1-.708-1.814-1.289-2.44-.581-.651-1.313-1.14-2.195-1.465-.883-.325-1.918-.487-3.103-.487h-3.659v15.753ZM90.407 11c.93 0 1.626.186 2.091.558.465.371.697.929.697 1.672 0 .72-.244 1.278-.732 1.673-.465.372-1.15.558-2.056.558-.883 0-1.569-.186-2.056-.558-.465-.395-.698-.952-.698-1.673 0-.72.233-1.266.698-1.637.487-.395 1.173-.593 2.056-.593Z"/><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>
</div>
<!-- Menu -->
<div class="fd-menu">
<a class="fd-button secondary" href="about.html">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-label="About FirstDraft"><path fill="currentColor" d="M12 7.75c-.621 0-1.125.504-1.125 1.125a.75.75 0 0 1-1.5 0 2.625 2.625 0 1 1 3.96 2.26 1.86 1.86 0 0 0-.465.369c-.102.12-.12.2-.12.246V13a.75.75 0 0 1-1.5 0v-1.25c0-.506.222-.916.477-1.217.252-.297.566-.524.845-.689A1.124 1.124 0 0 0 12 7.75ZM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/><path fill="currentColor" fill-rule="evenodd" d="M11.943 1.25h.114c2.309 0 4.118 0 5.53.19 1.444.194 2.584.6 3.479 1.494.895.895 1.3 2.035 1.494 3.48.19 1.411.19 3.22.19 5.529v.114c0 2.309 0 4.118-.19 5.53-.194 1.444-.6 2.584-1.494 3.479-.895.895-2.035 1.3-3.48 1.494-1.411.19-3.22.19-5.529.19h-.114c-2.309 0-4.118 0-5.53-.19-1.444-.194-2.584-.6-3.479-1.494-.895-.895-1.3-2.035-1.494-3.48-.19-1.411-.19-3.22-.19-5.529v-.114c0-2.309 0-4.118.19-5.53.194-1.444.6-2.584 1.494-3.479.895-.895 2.035-1.3 3.48-1.494 1.411-.19 3.22-.19 5.529-.19Zm-5.33 1.676c-1.278.172-2.049.5-2.618 1.069-.57.57-.897 1.34-1.069 2.619-.174 1.3-.176 3.008-.176 5.386s.002 4.086.176 5.386c.172 1.279.5 2.05 1.069 2.62.57.569 1.34.896 2.619 1.068 1.3.174 3.008.176 5.386.176s4.086-.002 5.386-.176c1.279-.172 2.05-.5 2.62-1.069.569-.57.896-1.34 1.068-2.619.174-1.3.176-3.008.176-5.386s-.002-4.086-.176-5.386c-.172-1.279-.5-2.05-1.069-2.62-.57-.569-1.34-.896-2.619-1.068-1.3-.174-3.008-.176-5.386-.176s-4.086.002-5.386.176Z" clip-rule="evenodd"/></svg>
</a>
<button class="fd-button secondary" onclick="toggleFont()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-label="Toggle font"><path fill="currentColor" d="M7.948 2.25c-.898 0-1.648 0-2.242.08-.628.084-1.195.27-1.65.725-.456.456-.642 1.023-.726 1.65-.08.595-.08 1.345-.08 2.243V7.95a.75.75 0 1 0 1.5 0V7c0-.964.002-1.612.067-2.095.062-.461.169-.659.3-.789.13-.13.327-.237.788-.3C6.388 3.753 7.036 3.75 8 3.75h3.25v16.5H7a.75.75 0 0 0 0 1.5h10a.75.75 0 0 0 0-1.5h-4.25V3.75H16c.964 0 1.612.002 2.095.067.461.062.659.169.789.3.13.13.237.327.3.788.064.483.066 1.131.066 2.095v.95a.75.75 0 0 0 1.5 0V6.948c0-.898 0-1.648-.08-2.242-.084-.628-.27-1.195-.726-1.65-.455-.456-1.022-.642-1.65-.726-.594-.08-1.343-.08-2.242-.08H7.948Z"/></svg>
</button>
<button class="fd-button secondary" onclick="toggleTheme()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-label="Toggle theme"><path fill="currentColor" fill-rule="evenodd" d="M11.017 2.802a9.25 9.25 0 1 0 10.181 10.181A7.25 7.25 0 1 1 11.017 2.802ZM1.25 12C1.25 6.063 6.063 1.25 12 1.25c.717 0 1.075.571 1.137 1.026.059.438-.103.995-.606 1.299a5.75 5.75 0 1 0 7.894 7.894c.304-.503.861-.665 1.299-.606.455.062 1.026.42 1.026 1.137 0 5.937-4.813 10.75-10.75 10.75S1.25 17.937 1.25 12Z" clip-rule="evenodd"/></svg>
</button>
<button class="fd-button secondary" onclick="clearPage()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-label="Clear page"><path fill="currentColor" fill-rule="evenodd" d="M10.31 2.25h3.38c.217 0 .406 0 .584.028a2.25 2.25 0 0 1 1.64 1.183c.084.16.143.339.211.544l.112.335.029.085a1.25 1.25 0 0 0 1.234.825h3a.75.75 0 0 1 0 1.5h-17a.75.75 0 1 1 0-1.5h3.09a1.25 1.25 0 0 0 1.173-.91l.111-.335c.069-.205.128-.384.211-.544a2.25 2.25 0 0 1 1.641-1.183c.178-.028.367-.028.583-.028Zm-1.302 3c.052-.101.097-.206.136-.315l.04-.113.099-.3c.091-.273.112-.328.133-.368a.75.75 0 0 1 .547-.395c.044-.007.104-.009.392-.009h3.29c.288 0 .348.002.392.01a.75.75 0 0 1 .547.394c.02.04.042.095.133.369l.1.3.038.112c.04.109.085.214.137.315H9.008Z" clip-rule="evenodd"/><path fill="currentColor" d="M5.915 8.45a.75.75 0 0 0-1.497.1l.464 6.952c.085 1.282.154 2.318.316 3.132.169.845.455 1.551 1.047 2.104.591.554 1.315.793 2.17.904.822.108 1.86.108 3.146.108h.878c1.286 0 2.324 0 3.146-.108.855-.111 1.579-.35 2.17-.904.592-.553.878-1.26 1.047-2.104.162-.814.23-1.85.316-3.132l.464-6.952a.75.75 0 1 0-1.497-.1l-.46 6.9c-.09 1.347-.154 2.285-.294 2.99-.137.685-.327 1.047-.6 1.303-.274.256-.648.422-1.34.512-.713.093-1.653.095-3.004.095h-.774c-1.35 0-2.29-.002-3.004-.095-.692-.09-1.066-.256-1.34-.512-.273-.256-.463-.618-.6-1.303-.14-.705-.204-1.643-.294-2.99l-.46-6.9Z"/><path fill="currentColor" d="M9.425 10.254a.75.75 0 0 1 .821.671l.5 5a.75.75 0 1 1-1.492.15l-.5-5a.75.75 0 0 1 .671-.821ZM14.575 10.254a.75.75 0 0 1 .671.82l-.5 5a.75.75 0 1 1-1.492-.149l.5-5a.75.75 0 0 1 .82-.671Z"/></svg>
</button>
<button class="fd-button primary" onclick="downloadContent()">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" aria-label="Download content"><path fill="currentColor" fill-rule="evenodd" d="M12.25 2.834c-.46-.078-1.088-.084-2.22-.084-1.917 0-3.28.002-4.312.14-1.012.135-1.593.39-2.016.812-.423.423-.677 1.003-.812 2.009-.138 1.028-.14 2.382-.14 4.289v4c0 1.907.002 3.262.14 4.29.135 1.005.389 1.585.812 2.008.423.423 1.003.677 2.009.812 1.028.138 2.382.14 4.289.14h4c1.907 0 3.262-.002 4.29-.14 1.005-.135 1.585-.389 2.008-.812.423-.423.677-1.003.812-2.009.138-1.027.14-2.382.14-4.289v-.437c0-1.536-.01-2.264-.174-2.813h-3.13c-1.133 0-2.058 0-2.79-.098-.763-.103-1.425-.325-1.954-.854-.529-.529-.751-1.19-.854-1.955-.098-.73-.098-1.656-.098-2.79V2.835Zm1.5.775V5c0 1.2.002 2.024.085 2.643.08.598.224.89.428 1.094.203.204.496.348 1.094.428.619.083 1.443.085 2.643.085h2.02a45.833 45.833 0 0 0-1.17-1.076l-3.959-3.563c-.485-.437-.846-.76-1.141-1.002ZM10.175 1.25c1.385 0 2.28 0 3.103.315.823.316 1.485.912 2.51 1.835l.107.096 3.958 3.563.125.112c1.184 1.065 1.95 1.754 2.361 2.678.412.924.412 1.954.411 3.546v.661c0 1.838 0 3.294-.153 4.433-.158 1.172-.49 2.121-1.238 2.87-.749.748-1.698 1.08-2.87 1.238-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153-1.172-.158-2.121-.49-2.87-1.238-.748-.749-1.08-1.698-1.238-2.87-.153-1.14-.153-2.595-.153-4.433V9.944c0-1.838 0-3.294.153-4.433.158-1.172.49-2.121 1.238-2.87.75-.749 1.701-1.08 2.878-1.238 1.144-.153 2.607-.153 4.455-.153H10.176Z" clip-rule="evenodd"/><path fill="currentColor" fill-rule="evenodd" d="M7.987 19.047a.75.75 0 0 0 1.026 0l2-1.875a.75.75 0 0 0-1.026-1.094l-.737.69V13.5a.75.75 0 0 0-1.5 0v3.269l-.737-.691a.75.75 0 0 0-1.026 1.094l2 1.875Z" clip-rule="evenodd"/></svg>
</button>
</div>
</nav>
<!-- Draft -->
<div id="draft" class="fd-draft">
<p id="current-paragraph"><span id="input" class="fd-editable-text" contenteditable="true" autofocus></span></p>
</div>
</div>
<div class="fd-mobile">
<div class="fd-logo">
<svg xmlns="http://www.w3.org/2000/svg" width="228" height="48" fill="none" aria-label="FirstDraft logo"><g clip-path="url(#a)"><path fill="#FAD985" fill-rule="evenodd" d="M28.8 48h-9.6c-9.051 0-13.576 0-16.388-2.812C0 42.376 0 37.851 0 28.8v-9.6C0 10.149 0 5.624 2.812 2.812 5.624 0 10.172 0 19.272 0c1.454 0 2.62 0 3.6.04-.032.192-.05.388-.05.585L22.8 7.428c0 2.633 0 4.96.252 6.836.273 2.033.9 4.065 2.56 5.724 1.659 1.66 3.692 2.287 5.725 2.56 1.875.253 4.202.253 6.835.252H47.898C48 24.082 48 25.656 48 27.751V28.8c0 9.051 0 13.576-2.812 16.388C42.376 48 37.851 48 28.8 48Z" clip-rule="evenodd"/><path fill="#AD7513" d="M14.4 30c0 1.988-1.075 3.6-2.4 3.6S9.6 31.988 9.6 30s1.075-3.6 2.4-3.6 2.4 1.612 2.4 3.6ZM38.4 30c0 1.988-1.075 3.6-2.4 3.6s-2.4-1.612-2.4-3.6 1.075-3.6 2.4-3.6 2.4 1.612 2.4 3.6Z"/><path fill="#F0BB41" d="M22.822.624 22.8 7.427c0 2.633 0 4.96.252 6.835.273 2.034.9 4.066 2.56 5.725 1.659 1.66 3.692 2.287 5.725 2.56 1.875.252 4.202.252 6.835.252h9.726c.03.373.05.771.066 1.2H48c0-.642 0-.963-.024-1.341-.136-2.147-1.028-4.607-2.3-6.341-.224-.306-.378-.49-.684-.856C43.09 13.185 40.586 10.35 38.4 8.4c-1.946-1.736-4.611-3.634-6.936-5.187-1.997-1.333-2.995-2-4.364-2.496a13.186 13.186 0 0 0-1.217-.369C24.962.12 24.064.041 22.8.014l.022.61Z"/><path fill="#AD7513" d="M30.534 36.202a1.2 1.2 0 1 1 1.332 1.996 14.18 14.18 0 0 1-15.28.289l-.452-.289-.098-.072a1.2 1.2 0 0 1 1.324-1.988l.106.064.373.239a11.78 11.78 0 0 0 12.695-.24Z"/></g><path fill="currentColor" d="M118.897 17.866c1.511 0 2.812.209 3.904.627 1.115.418 2.021 1.023 2.719 1.813.696.766 1.138 1.684 1.324 2.753l-3.625 1.15c-.07-.65-.291-1.196-.662-1.638-.372-.464-.871-.813-1.498-1.046-.628-.232-1.36-.348-2.197-.348-1.068 0-1.904.186-2.508.557-.605.372-.907.872-.907 1.5 0 .51.186.917.558 1.22.395.301.93.545 1.603.73a46.25 46.25 0 0 0 2.37.558c.929.186 1.824.407 2.683.662a9.89 9.89 0 0 1 2.37.942 4.716 4.716 0 0 1 1.673 1.568c.418.627.628 1.44.628 2.44 0 1.208-.326 2.241-.977 3.101-.65.837-1.579 1.476-2.788 1.917-1.184.418-2.613.628-4.286.628-1.231 0-2.347-.128-3.346-.384-.976-.232-1.812-.57-2.509-1.01-.697-.465-1.255-1.011-1.673-1.638a5.033 5.033 0 0 1-.767-2.161l3.451-1.29c.046.605.279 1.15.697 1.638.418.465.999.837 1.742 1.115.743.28 1.638.418 2.684.418 1.161 0 2.056-.174 2.683-.522.651-.372.976-.895.976-1.568 0-.488-.174-.872-.523-1.15-.348-.303-.859-.546-1.533-.732-.65-.21-1.441-.407-2.37-.593a60.44 60.44 0 0 1-2.614-.627 13.026 13.026 0 0 1-2.405-.976 5.623 5.623 0 0 1-1.777-1.603c-.441-.674-.662-1.523-.662-2.545 0-1.115.29-2.08.871-2.892.604-.814 1.464-1.453 2.579-1.918 1.139-.464 2.509-.696 4.112-.696Zm72.218 0c1.696 0 3.09.279 4.182.836 1.092.534 1.906 1.382 2.44 2.544.535 1.139.801 2.614.801 4.427v3.415c0 .79.012 1.615.035 2.474l.14 2.544c.07.837.151 1.65.244 2.44h-3.938a43.9 43.9 0 0 1-.245-2.09 69.62 69.62 0 0 1-.173-2.266h-.558a8.512 8.512 0 0 1-1.395 2.44 6.893 6.893 0 0 1-2.23 1.742c-.86.418-1.859.628-2.997.628-.999 0-1.894-.186-2.684-.558a4.537 4.537 0 0 1-1.882-1.743c-.441-.767-.663-1.719-.663-2.857 0-.953.175-1.767.524-2.44.372-.674.917-1.22 1.638-1.638.72-.442 1.614-.802 2.683-1.08 1.069-.303 2.324-.558 3.765-.767a23.168 23.168 0 0 0 1.916-.349c.511-.116.883-.29 1.115-.523.232-.256.349-.627.349-1.115 0-.72-.256-1.336-.767-1.847-.488-.534-1.289-.802-2.404-.802-.674 0-1.325.117-1.952.349a3.906 3.906 0 0 0-1.569 1.115c-.441.488-.743 1.14-.906 1.952l-3.938-1.22c.255-.93.627-1.731 1.115-2.405a6.947 6.947 0 0 1 1.812-1.777 7.704 7.704 0 0 1 2.475-1.08c.929-.232 1.952-.349 3.067-.349Zm-55.137.453h4.809v3.66h-4.809v8.433c0 .86.197 1.488.592 1.883.419.395 1.034.592 1.847.592.441 0 .872-.046 1.29-.139a3.885 3.885 0 0 0 1.22-.558v4.182c-.721.232-1.383.383-1.988.453-.58.093-1.103.14-1.568.14-1.928 0-3.346-.511-4.252-1.533-.906-1.046-1.358-2.661-1.358-4.845v-8.748h-2.684l.069-3.485h1.778c.674 0 1.174-.105 1.499-.314.325-.21.522-.58.592-1.115l.419-2.649h2.544v4.043Zm86.245 0h4.809v3.66h-4.809v8.433c0 .86.197 1.488.592 1.883.419.395 1.034.592 1.847.592.442 0 .872-.046 1.29-.139a3.875 3.875 0 0 0 1.22-.558v4.182c-.72.232-1.382.383-1.986.453-.581.093-1.104.14-1.569.14-1.928 0-3.346-.511-4.252-1.533-.906-1.046-1.359-2.661-1.359-4.845v-8.748h-2.684l.07-3.485h1.777c.674 0 1.174-.105 1.499-.314.325-.21.522-.58.592-1.115l.419-2.649h2.544v4.043ZM84.728 13.544v3.799H72.392v6.517h10.943v3.66H72.392v9.027H68V13.544h16.728Zm7.875 23.003H88.21V18.319h4.392v18.228ZM107.538 17.9c.232 0 .477.012.732.036.279.023.582.08.907.173l-.175 4.636a4.908 4.908 0 0 0-1.15-.28 5.697 5.697 0 0 0-1.045-.104c-.906 0-1.697.233-2.37.698-.651.464-1.186 1.126-1.604 1.986-.395.836-.697 1.836-.906 2.998v8.504h-4.39V18.319h3.693l-.07 6.273h.628c.209-1.487.534-2.718.976-3.694.441-.999 1.056-1.743 1.846-2.231.79-.511 1.766-.767 2.928-.767Zm45.156-4.356c2.719 0 4.937.453 6.657 1.36 1.742.905 3.02 2.207 3.834 3.903.836 1.673 1.254 3.694 1.254 6.064 0 1.673-.197 3.16-.592 4.461-.395 1.278-.93 2.382-1.604 3.312a8.994 8.994 0 0 1-2.37 2.23c-.906.58-1.882 1.01-2.927 1.29-1.022.255-2.08.383-3.172.383h-8.992V13.544h7.912Zm26.08 4.356c.233 0 .476.012.732.036.279.023.581.08.906.173l-.175 4.636a4.88 4.88 0 0 0-1.149-.28 5.698 5.698 0 0 0-1.046-.104c-.906 0-1.696.233-2.37.698-.651.464-1.185 1.127-1.603 1.986-.395.836-.697 1.836-.906 2.998v8.504h-4.392V18.319h3.695l-.07 6.273h.627c.209-1.487.535-2.718.976-3.694.441-.999 1.058-1.743 1.848-2.231.79-.511 1.766-.767 2.927-.767Zm30.33-6.169c.999 0 1.905.129 2.718.384.837.256 1.511.57 2.022.942l-.348 4.042a5.725 5.725 0 0 0-1.778-.976c-.674-.255-1.324-.383-1.951-.383-.721 0-1.313.21-1.778.627-.464.395-.697 1.046-.697 1.952 0 .581.104 1.057.313 1.429.21.348.477.627.802.836.349.186.686.326 1.011.419h4.252v3.484h-4.74v12.06h-4.286v-12.06h-3.033v-3.31l4.775.244v-.628c-.72-.21-1.325-.51-1.813-.905a3.873 3.873 0 0 1-1.08-1.464 5.124 5.124 0 0 1-.313-1.813c0-.999.243-1.859.731-2.579.488-.72 1.174-1.278 2.057-1.673.883-.418 1.928-.628 3.136-.628ZM194.23 27.442a5.152 5.152 0 0 1-.64.252c-.581.186-1.197.325-1.848.418-.627.093-1.266.21-1.917.349a8.686 8.686 0 0 0-1.707.488c-.511.186-.918.464-1.221.836-.301.349-.453.837-.453 1.464 0 .79.257 1.405.768 1.847.511.441 1.161.663 1.951.663a4.2 4.2 0 0 0 1.395-.244 5.555 5.555 0 0 0 1.428-.733c.465-.325.895-.72 1.289-1.184a7.218 7.218 0 0 0 1.011-1.708l-.056-2.448Zm-45.055 5.48h4.496c1.394 0 2.544-.314 3.45-.941.929-.628 1.615-1.523 2.057-2.684.464-1.162.696-2.556.696-4.182 0-1.37-.151-2.555-.453-3.554-.279-1-.708-1.814-1.289-2.44-.581-.651-1.313-1.14-2.195-1.465-.883-.325-1.918-.487-3.103-.487h-3.659v15.753ZM90.407 11c.93 0 1.626.186 2.091.558.465.371.697.929.697 1.672 0 .72-.244 1.278-.732 1.673-.465.372-1.15.558-2.056.558-.883 0-1.569-.186-2.056-.558-.465-.395-.698-.952-.698-1.673 0-.72.233-1.266.698-1.637.487-.395 1.173-.593 2.056-.593Z"/><defs><clipPath id="a"><path fill="#fff" d="M0 0h48v48H0z"/></clipPath></defs></svg>
</div>
<div class="fd-feedback">
<svg xmlns="http://www.w3.org/2000/svg" width="170" height="117" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M14.508 89.487a8.33 8.33 0 0 1-.237-1.987V8.333A8.333 8.333 0 0 1 22.604 0h125a8.33 8.33 0 0 1 8.333 8.333V87.5a8.388 8.388 0 0 1-.512 2.888l12.962 19.833a4.16 4.16 0 0 1 .177 4.262 4.165 4.165 0 0 1-3.664 2.184H5.104a4.174 4.174 0 0 1-4.169-4.268 4.167 4.167 0 0 1 .627-2.099l12.946-20.813Zm8.096-81.154h125V87.5h-125V8.333Z" clip-rule="evenodd"/><g clip-path="url(#a)"><path fill="#FAD985" fill-rule="evenodd" d="M89.8 71h-9.6c-9.051 0-13.576 0-16.388-2.812C61 65.376 61 60.851 61 51.8v-9.6c0-9.051 0-13.576 2.812-16.388C66.624 23 71.172 23 80.272 23c1.454 0 2.62 0 3.6.04-.032.192-.05.387-.05.585l-.022 6.803c0 2.633 0 4.96.252 6.836.273 2.033.9 4.065 2.56 5.724 1.659 1.66 3.692 2.287 5.725 2.56 1.875.253 4.202.252 6.835.252H108.898c.102 1.283.102 2.856.102 4.951V51.8c0 9.051 0 13.576-2.812 16.388C103.376 71 98.851 71 89.8 71Z" clip-rule="evenodd"/><path fill="#AD7513" d="M75.4 53c0 1.988-1.074 3.6-2.4 3.6-1.325 0-2.4-1.612-2.4-3.6s1.075-3.6 2.4-3.6c1.326 0 2.4 1.612 2.4 3.6ZM99.4 53c0 1.988-1.074 3.6-2.4 3.6-1.325 0-2.4-1.612-2.4-3.6s1.075-3.6 2.4-3.6c1.326 0 2.4 1.612 2.4 3.6Z"/><path fill="#F0BB41" d="m83.822 23.624-.022 6.803c0 2.633 0 4.96.252 6.836.273 2.032.9 4.065 2.56 5.724 1.659 1.66 3.692 2.287 5.725 2.56 1.875.253 4.202.252 6.835.252h9.726c.03.373.051.772.066 1.2H109c0-.642 0-.963-.024-1.341-.135-2.147-1.028-4.607-2.3-6.342-.224-.305-.378-.488-.684-.855-1.902-2.276-4.406-5.112-6.592-7.062-1.946-1.736-4.611-3.634-6.936-5.187-1.997-1.333-2.995-2-4.364-2.496a13.18 13.18 0 0 0-1.217-.369c-.921-.227-1.819-.306-3.083-.333l.022.61Z"/><path fill="#AD7513" d="M91.534 59.202a1.2 1.2 0 0 1 1.332 1.996 14.18 14.18 0 0 1-15.28.289l-.452-.289-.098-.072a1.2 1.2 0 0 1 1.324-1.988l.106.064.374.239a11.78 11.78 0 0 0 12.694-.24Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M61 23h48v48H61z"/></clipPath></defs></svg>
<p>For the best experience, please visit this site on a desktop device.</p>
</div>
</div>
<!-- JS -->
<script src="js/logic.js" type="text/javascript"></script>
</main>
</body>
</html>