-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.html
executable file
·154 lines (147 loc) · 9.17 KB
/
main.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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/x-icon" href="favicon.ico" />
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VL5975GW7Y"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VL5975GW7Y');
</script>
<!-- ReactJS -->
<script src="https://unpkg.com/react@18/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js" crossorigin></script>
<!-- jQuery -->
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.6.0.js"></script>
<!-- WinUI -->
<script type="module" src="https://unpkg.com/@fluentui/web-components"></script>
<link rel="stylesheet" href="fonts/FluentSystemIcons-Regular.css" />
<title>Power Editor - modern & powerful text editor for Windows</title>
<!-- Local -->
<link rel="stylesheet" href="css/style.css" />
<script type="module" src="main.js"></script>
</head>
<body id="rootLayout">
<fluent-design-system-provider id="fluent-design-provider" accent-base-color="#066DBD">
<header id="nav-header" class="ms-mica">
<img id="app-nav-logo" height="45px" width="45px" src="assets/app-logo.png" />
<a id="nav-bar-title">Editor</a>
<fluent-button id="get-app-command" appearance="accent">Get Power Editor</fluent-button>
<span id="search-box-ui">
<fluent-text-field id="search-box-input" appearance="outline" placeholder="Search here" style="width: 100%;"></fluent-text-field>
<i id="search-icon" class="icon icon-ic_fluent_search_20_regular"></i>
</span>
<div id="nav-menu">
<fluent-tabs id="top-menu-ui" activeid="home">
<fluent-tab id="home" class="nav-menu-item">
<div class="table" style="position: relative; right: 6px;">
<i class="icon icon-ic_fluent_home_20_regular" style="font-size: 20px;display:inline-block;"></i>
<a style="position: relative; bottom: 6px; left: 6px; display: inline-block;">Home</a>
</div>
</fluent-tab>
<fluent-tab id="news" class="nav-menu-item">
<div class="table" style="position: relative; right: 6px;">
<i class="icon icon-ic_fluent_news_20_regular" style="font-size: 20px;display:inline-block;"></i>
<a style="position: relative; bottom: 6px; left: 6px; display: inline-block;">What's new?</a>
</div>
</fluent-tab>
<fluent-tab id="feedback" class="nav-menu-item">
<div class="table" style="position: relative; right: 6px;">
<i class="icon icon-ic_fluent_person_feedback_20_regular" style="font-size: 20px;display:inline-block;"></i>
<a style="position: relative; bottom: 6px; left: 6px; display: inline-block;">Send feedback</a>
</div>
</fluent-tab>
<fluent-tab-panel id="appsPanel"></fluent-tab-panel>
<fluent-tab-panel id="entreesPanel"></fluent-tab-panel>
<fluent-tab-panel id="feedbackPanel"></fluent-tab-panel>
</fluent-tabs>
</div>
<fluent-button id="compact-menu-button">
<i class="icon icon-ic_fluent_navigation_16_regular" style="font-size: 20px; position: relative; top: 2px;"></i>
</fluent-button>
<fluent-tooltip anchor="compact-menu-button">
Menu
</fluent-tooltip>
<button id="compact-home-button" class="ui-command">
<i class="icon icon-ic_fluent_home_20_regular" style="font-size: 20px; position: relative; top: 2px;"></i>
</button>
<fluent-tooltip anchor="compact-home-button">
Home
</fluent-tooltip>
<fluent-button id="ms-store-button" appearance="accent" accent-base-color="#0A72CE">
<i class="icon icon-ic_fluent_store_microsoft_20_regular" style="font-size: 20px; position: relative; top: 2px; color: rgb(20, 20, 20);"></i>
</fluent-button>
<fluent-tooltip anchor="ms-store-button">
Get app
</fluent-tooltip>
<button id="compact-review-button" class="ui-command">
<i class="icon icon-ic_fluent_person_feedback_20_regular" style="font-size: 20px; position: relative; top: 2px;"></i>
</button>
<fluent-tooltip anchor="compact-review-button">
Send review
</fluent-tooltip>
</header>
<div id="contentLayout">
<fluent-progress-ring id="progress-ui"></fluent-progress-ring>
<iframe id="rootFrame" onload="var pageHeight = parseInt(rootLayout.clientHeight); var pageWidth = parseInt(rootLayout.clientWidth); document.getElementById('rootFrame').width = pageWidth; document.getElementById('rootFrame').height = pageHeight;"></iframe>
</div>
<div id="navigation-view-box">
<span id="navigation-view-rect"></span>
<div id="navigation-view">
<!-- Navigation view title region -->
<button id="collapse-navigation-view" class="ui-command" style="height: 35px; width: 35px;">
<i class="icon icon-ic_fluent_arrow_left_20_regular" style="font-size: 18px; display: inline-block; position: relative; top: 2px;"></i>
</button>
<a id="navigation-view-title"><b>Power Editor</b></a>
<div id="navigation-view-search-box">
<fluent-text-field id="navigation-view-search-input" appearance="outline" placeholder="Search in Bing"></fluent-text-field>
<i id="navigation-view-search-box-action" class="icon icon-ic_fluent_search_20_regular" style="font-size: 16px; float: right; right: 8px; top: -28px; position: relative;"></i>
</div>
<!-- Navigation view title endregion -->
<!-- Navigation view menu region -->
<a style="font-size: 12px;margin-left: 5px;padding-top: 10px;display: block;">Menu</a>
<fluent-listbox id="navigation-view-items" style="border: none;background-color: transparent;padding-top: 12px;position: relative;left: -11px;">
<fluent-option selected value="pages/home.html" style="border: none; background-color: transparent; height: 40px;">
<span style="display: table; width: 100%; padding-left: 4px;">
<i class="icon icon-ic_fluent_home_20_regular" style="display: inline-block;font-size: 20px;position: relative;top: 2px;"></i>
<a style="display: inline-block;position: relative;top: -3px;padding-left: 10px;">Home</a>
</span>
</fluent-option>
<fluent-option value="blog/blog.html" style="border: none; background-color: transparent; height: 40px;">
<span style="display: table; width: 100%; padding-left: 4px;">
<i class="icon icon-ic_fluent_news_20_regular" style="display: inline-block;font-size: 20px;position: relative;top: 2px;"></i>
<a style="display: inline-block;position: relative;top: -3px;padding-left: 10px;">Blog</a>
</span>
</fluent-option>
<fluent-option value="pages/feedback.html" style="border: none; background-color: transparent; height: 40px;">
<span style="display: table; width: 100%; padding-left: 4px;">
<i class="icon icon-ic_fluent_person_feedback_20_regular" style="display: inline-block;font-size: 20px;position: relative;top: 2px;"></i>
<a style="display: inline-block;position: relative;top: -3px;padding-left: 10px;">Send feedback</a>
</span>
</fluent-option>
<fluent-option value="https://www.microsoft.com/store/productId/9NLHP5KRXZQ7" style="border: none; background-color: transparent; height: 40px;">
<span style="display: table; width: 100%; padding-left: 4px;">
<i class="icon icon-ic_fluent_arrow_download_20_regular" style="display: inline-block;font-size: 20px;position: relative;top: 2px;"></i>
<a style="display: inline-block;position: relative;top: -3px;padding-left: 10px;">Downloads</a>
</span>
</fluent-option>
</fluent-listbox>
<fluent-listbox id="navigation-view-footer" style="border: none; background-color: transparent; position: fixed; bottom: 26px; left: 0px;">
<fluent-option style="border: none; background-color: transparent; height: 40px;" onclick="window.open('mailto:dima.borodiy@outlook.com');">
<span style="display: table; width: 100%; padding-left: 4px;">
<i class="icon icon-ic_fluent_contact_card_20_regular" style="display: inline-block;font-size: 20px;position: relative;top: 2px;"></i>
<a style="display: inline-block;position: relative;top: -3px;padding-left: 10px;">Contact developer</a>
</span>
</fluent-option>
</fluent-listbox>
<!-- Navigation view menu endregion -->
</div>
</div>
</fluent-design-system-provider>
</body>
</html>