HelloWeb/index.html at main · ArmanMirzaei/HelloWeb · 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
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="robots" content="index,follow">
    <meta http-equiv="Cache-Control" content="public">
    <meta name="description" content="Industrial Intelligence Assistance service.">
    <meta name="keywords" content="ai, chatbot, assistant">
    <meta name="language" content="EN">
    <meta name="copyright" content="copyright alrights reserved">
    <meta name="owner" content="info@amsch.com">
    <meta http-equiv="expires" content="0">
    <meta name="Classification" content="Tools">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amshspndn">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!--touch-action=manipulation,-->
    <!--<link rel="manifest" href="manifest.json">-->
    <meta name="revisit-after" content="7 days">
    <meta name="revised" content="2023-9">
    <meta name="author" content="info@amschaspanden.com">
    <meta name="designer" content="info@amschaspanden.com">
    <meta name="owner" content="info@amschaspanden.com">
    <meta http-equiv="Pragma" content="no-cache">
    <meta name="subject" content="Artificialintelligence Assistance">
    <title>Amschaspanden</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="icon" href="/favicon.ico">
    <link rel="apple-touch-icon" href="apple-touch-icon.png">
    <link rel="canonical" href="https://www.amschaspanden.com/" />
    <style>
        /* Normal Styles */
        body { /* Lightmode Style */
            touch-action:none;
            /*position: fixed;*/
            background-color: rgb(220, 220, 220); /* Realistic White */
            color: rgb(30, 30, 30); /* Light Black */
            font-family: "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif; /* Font declaration */
            --object-bg-color: rgba(220, 220, 220, 0.75);
            --background-color: rgb(220,220,220);
            --color: rgb(30, 30, 30);
        }

        /* Media Query for Dark Mode */
        @media (prefers-color-scheme: dark) { /* Darkmode Style */
            body {
                touch-action:none;
                /*position: fixed;*/
                background-color: rgb(30, 30, 30); /* Light Black */
                color: rgb(220, 220, 220); /* Realistic White */
                font-family: "San Francisco", "Helvetica Neue", Helvetica, Arial, sans-serif; /* Font declaration */
                --object-bg-color: rgba(30, 30, 30, 0.75);
                --background-color: rgb(30,30,30);
                --color: rgb(220, 220, 220);
            }
        }

        ::selection {
            background-color: #ffcc00; /* Set the background color when text is selected */
            color: #333; /* Set the text color when text is selected */
        }

        /* For older versions of WebKit-based browsers (e.g., Safari) */
        ::-webkit-selection {
            background-color: #ffcc00; /* Set the background color when text is selected */
            color: #333; /* Set the text color when text is selected */
        }

        /* Styles for the Help Text Panel */
        .help-text-panel {
            position: fixed;
            top: 50%; /* Position from the top */
            left: 50%; /* Position from the left */
            transform: translate(-50%, -50%); /* Center horizontally and vertically */
            width: 90vw; /* 95% width of the screen horizontally */
            /*max-width: 400px; /* Optional: Set a maximum width */
            height: 90vh; /* 80% height of the viewport vertically */
            background-color: var(--object-bg-color);
            padding: 10px;
            border: 1px solid rgb(128,128,128);
            border-radius: 10px; /* Adjust the value to control the roundness */
            display: none; /* Initially hidden */
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px); /* Add this line first, it fixes blur for Safari*/
        }

        /* Checkbox Styles (hidden) */
        .toggle-checkbox {
            display: none;
        }

        /* Checkbox Hack (to toggle the panel) */
        .toggle-checkbox:checked + .help-text-panel {
            display: block;
        }
    </style>
</head>
<body style="overflow: hidden;">
    <header>
        <h1 style="text-align: center; white-space: nowrap; white-space: pre; font-size: 2.5vw;">  Amschaspanden<a href="https://en.wikipedia.org/wiki/Amesha_Spenta" style="color: #B4281E; text-decoration: none; font-size: 16px;"> (?)</a>   |   八仙们脑  <!--اَمشاسپندان--></h1>
    </header>
    <hr color="gray">
    <div>
    </div>
    <footer>
    </footer>

    <!-- Round Button with Label (i) -->
    <label class="round-button" for="help-toggle" style="position: fixed; bottom: min(4vw, 4vh); right: min(4vw, 4vh); width: min(10vw, 10vh); height: min(10vw, 10vh); min-width: 32px; min-height: 32px; border-radius: 50%; /* Makes the button round */ display: flex; align-items: center; justify-content: center; font-size: 24px; /* Adjust the font size as needed */ cursor: pointer; background-color: var(--object-bg-color); /* Half-alpha transparent black*/ border: 2px solid #B4281E; /* Red border */ -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; z-index: 1; color: #B4281E">☰</label>

    <!-- Hidden Checkbox (used for toggling the panel) -->
    <input type="checkbox" id="help-toggle" class="toggle-checkbox">

    <!-- Help Text Panel  a leftscrool hack was used here-->
    <div class="help-text-panel">
        <pre>Amschaspanden   >   Indexmenu</pre>
        <hr color="gray">
        <div style="position: fixed;bottom: 0; top:60px; left:0; right:0; overflow: auto; direction: rtl;">
            <pre style="position: relative; left:20px; direction:ltr; "><details><summary>Accountings</summary>    Accountinfo<br>    Accountsregistry<br>    Loginout<br>    Userspreferences<details><summary>  Premiums</summary>    Bitcoins<br>    Ethereum</details></details><details><summary>Usersguide</summary><details><summary>  Frequentquestions</summary>      Pronunciation_Amschaspanden:<br>        for middleeastern languages, the persian pronunciation of "امشاسپندان" is used.<br>        for western languages, the german pronunciation am-shās-pen-den is used.<br>        for eastern languages where the handling of arbitrary phonetics may not be well supported by the lingual conventions, the chinese equivalent phrase of "八仙们脑" is provisioned to be used to refer to the system.</details></details><details><summary>Applications</summary>    WebApp:  save this<br>    OpenBSD:  comming soon<br>    SiriPro:  comming soon</details><details><summary>Sister Projects</summary>    OpenAi Chat   chat.openai.com<br>    Bing Chat   chat.bing.com<br>    Google Bard   bard.google.com<br>    the imager one</details><details><summary>Info</summary>    Ask help<br>    Contact us<br>    About us</details><details><summary>Regulatory</summary>    Basics<br>    Code of Conduct<br>    Privacypolicy<br>    Licenseagreement</details><details><summary>Signature</summary>    Copyright 2016-2023 Amschaspanden</details>
            </pre>
        </div>
    </div>
</body>
</html>