Helios/index.html at main · awsome-webdev/Helios · GitHub

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
<!DOCTYPE html>
<html lang="en">
  <head>

<!-- Google tag (gtag.js) --> <!-- This is just so I can see page views and anylitics for Helios. None of your data is collected. -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8VVWXBH142"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-8VVWXBH142');
</script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Helios in a completely unblockable web proxy, built with speed and privacy in mind.">
    <title>Helios Browser</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  </head>
  <body>
    <div class="uptop-baraa">
    <div class="tabaa activeaa">
      <span class="tab-nameaa">New Tab</span>
      <i class="fas fa-times close-btnaa"></i>
    </div>
  <div class="add-tabaa" title="Add tab" id="add-tabaa">
    <i class="fa-solid fa-circle-plus"></i>
  </div>
</div>
    <div class="browser-baraa">
      <button class="backward-buttonaa" title="Click to go back">
        <i class="fas fa-arrow-left"></i>
      </button>
      <button class="forward-buttonaa" title="Click to go forward">
        <i class="fas fa-arrow-right"></i>
      </button>
      <button class="reload-buttonaa" title="Reload this page">
        <i class="fas fa-redo"></i>
      </button>
      <button class="home-buttonaa" title="Shortcut to helios://start">
        <i class="fas fa-home"></i>
      </button>
      <div class="address-baraa">
        <i class="fas fa-lock lock-iconaa"></i>
        <input type="text" placeholder="Enter a URL" value="helios://start" id="url-baraa">
        <div class="official-caa">
          <i class="fa-solid fa-circle-check officialaa">&nbsp;&nbsp;𝙾𝚏𝚏𝚒𝚌𝚒𝚊𝚕</i>
        </div>
      </div>
      <button class="fullscreen-button" title="Enter fullscreen" onclick="toggleFullscreen()">
        <i class="fas fa-expand"></i>
      </button>
      <button class="wrench-buttonaa" title="Show current page's source code" id="toggleSourceCode">
        <i class="fa-solid fa-code"></i>
      </button>
      <button class="settings-buttonaa" title="Shortcut to helios://settings">
        <i class="fas fa-cog"></i>
      </button>
      <button class="menu-buttonaa" title="More options" onclick="toggleDropdownccc()">⋮</button>
      <div id="myDropdownccc" class="dropdown-menuccc">
        <a href="javascript:void(0);">New Tab</a>
        <a href="javascript:void(0);" onclick="changeTabContent('helios://settings')">Settings</a>
        <a href="javascript:void(0);" onclick="changeTabContent('helios://urls')">Internal URLs</a>
        <a href="javascript:void(0);" onclick="downloadPage()">Download Helios-Offline&nbsp;&nbsp;<i class="fa-solid fa-download" style="font-size: 15px; color: #66ffa1;"></i>
        </a>
        <a href="javascript:void(0);" id="dataURL"  onclick="generateDataURL()">Generate Session's Data Url</a>
        <a href="https://github.com/dinguschan-owo/Helios" target="_blank"> Source Code&nbsp;&nbsp;<i class="fa-solid fa-up-right-from-square" style="font-size: 15px; color: #66ffa1;"></i>
        </a>
        <a href="https://github.com/dinguschan-owo/Helios/issues/new" target="_blank">Submit an Issue&nbsp;&nbsp;<i class="fa-solid fa-up-right-from-square" style="font-size: 15px; color: #66ffa1;"></i>
        </a>
        <div class="user-idff" id="user-idff"> Your User ID will appear here</div>
      </div>
    </div>
    </head>
    <body>
      <div class="contentaa tab-contentaa activeaa">
        <div class="Xt7Lm9Kp3R8f">
          <p>𝙼𝚊𝚍𝚎 𝚋𝚢 𝚍𝚒𝚗𝚐𝚞𝚜𝚌𝚑𝚊𝚗!</p>
        </div>
        <div class="top-right-boxaa">
          <p>
            <i class="fa-brands fa-github"></i>
          </p>
        </div>
        <h23>Helios</h23>
        <h21>𝚟𝟷.𝟽.𝟶</h21>
        <div class="search-baraa">
          <div class="search-containeraa">
            <div class="search-engine-dropdownaa" onclick="toggleDropdown()">
              <img src="https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://google.com&size=256" alt="Google" id="selected-engineaa">
            </div>
            <div class="dropdown-contentaa" id="engineDropdownaa">
              <div class="status-messageaa" id="statusMessageaa">Searching with Google</div>
              <a href="javascript:void(0);" onclick="selectEngine('https://4get.ca/favicon.ico', '4get')" data-engine="4get">
                <img src="https://4get.ca/favicon.ico" alt="4get"> - <s>Search with 4get</s>- </a>
              <a href="javascript:void(0);" onclick="selectEngine('https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://google.com&size=256', 'Google')" data-engine="Google">
                <img src="https://t3.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://google.com&size=256" alt="Google"> &nbsp;Search with Google </a>
              <a href="javascript:void(0);" onclick="selectEngine('https://www.bing.com/favicon.ico', 'Bing')" data-engine="Bing">
                <img src="https://www.bing.com/favicon.ico" alt="Bing"> &nbsp;Search with Bing </a>
              <a href="javascript:void(0);" onclick="selectEngine('https://duckduckgo.com/favicon.ico', 'DuckDuckGo')" data-engine="DuckDuckGo">
                <img src="https://duckduckgo.com/favicon.ico" alt="DuckDuckGo"> - <s>Search with DuckDuckGo</s>- </a>
            </div>
          </div>
          <input type="text" placeholder="Search the web or enter a URL">
          <i class="fas fa-search search-iconaa"></i>
        </div>
      </div>
      <div class="modalgg" id="myModal">
        <div class="modal-contentgg">
            <h2>Here is the data URL for this session:</h2>
            <textarea id="dataURLText" rows="6" readonly></textarea>
            <button class="copy-buttongg" id="copyButton" onclick="copyDataURL()">Copy</button>
            <br>
            <button class="close-buttongg" onclick="closeModal()">Close</button>
        </div>
    </div>
      <script src="script.js"></script>
    </body>
</html>