Skriper-Project/FAQ.html at main · Rasheedatj/Skriper-Project · 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
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
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
<!DOCTYPE html>
<html lang="en">
  <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" />
    <link
    href="https://fonts.googleapis.com/css2?family=Poppins&display=swap"
    rel="stylesheet"
  />
  <link rel="shortcut icon" href="./IMAGES/favicon.png" type="image/x-icon" />
    <link rel="stylesheet" href="faq.css" />
    <title>FAQs || Skriper</title>
  </head>
  <body>
    <!-- Frequently asked questions code -->
    <header>

      <nav class="navbar">
        <div class="navleft">
          <a href="index.html"
            ><img src="IMAGES\just-logo.svg" alt="skriper-logo"
          /></a>

               <!-- left -->
               <div class="left">
                <ul>
                  <h3>Help</h3>
                  <p>Help documentation for using our platform</p>
                </ul>
              </div>
              <!-- left -->
              <div class="left-two">
                <ul>
                  <h3>Help</h3>
                  <p>Help doc....</p>
                </ul>
              </div>
            </div>
        </div>

        <!-- navright -->
        <div class="navright">
          <a href="trends.html" class="no-border">
            <img src="IMAGES\flame.svg" alt="" />
            <p>Trends</p>
          </a>

          <a href="featured.html" class="no-border">
            <img src="IMAGES\star-filled.svg" alt="" />
            <p>Featured</p>
          </a>

          <a href="lastest.html" class="no-border">
            <img src="IMAGES\watch.svg" alt="" />
            <p>Latest</p>
          </a>

          <a href="#" class="one">
            <img src="IMAGES\just-menu-item-logo.svg" alt="" />
            <p><strong>Start Coding</strong></p>
          </a>

          <a href="#" class="two">
            <img src="IMAGES\login.svg" alt="" />
            <p>Login</p>
          </a>

          <a href="#" class="three">
            <img src="IMAGES/flame.svg" alt="" />
            <p></p>
          </a>
        </div>

        <!-- login -->
        <div class="login">
          <h3>login</h3>
          <p>Complete the following information to access your account</p>
          <form action="">
            <input type="email" placeholder="Email" />
            <input type="submit" value="NEXT" />
          </form>
        </div>
      </nav>
    </header>

    <main class="main-body">
      <!-- search bar -->
      <section id="search-bar">
        <div id="searchtext">
          <p>Search</p>
        </div>

        <input placeholder="Search..." maxlength="500" />

        <div id="searchicon">
          <img src="IMAGES/search.svg" at="search icon" id="iconfaq" />
        </div>
      </section>

      <section class="faq">
        <!-- faq -->
        <div>
          <h3 class="question">Where can I change my password?</h3>
          <p class="answer">
            Our platform uses a dynamic password system which changes each time
            it is used, this key is sent by email when requested, for this
            reason, there is no fixed password or option to change the password
            or recover it
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">How can I delete my account?</h3>
          <p class="answer">
            On your profile page you can request the deletion of your account,
            this process can take up to 8 days to complete
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">
            I recieved an email with a temporary password to access, but I did
            not request it, what should I do?
          </h3>
          <p class="answer">
            No need to worry, your account is safe. If you didn't request the
            access code, don't worry, you may simply omit the email and that
            would be it. This can happen because someone entered a wrong email
            or tried to access your account, but as long as you do not share the
            code that you received, your account is safe.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">
            After deleting my account, can I get my codes back?
          </h3>
          <p class="answer">
            No, if the deletion process has already been executed, you will no
            longer be able to recover your codes.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">
            Can I cancel the request to delete my account?
          </h3>
          <p class="answer">
            Yes, as long as the process has not been executed. At any time you
            can access your profile and in the account deletion tab you can
            cancel the application process.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">How can I contact a user?</h3>
          <p class="answer">
            If the user has social networks added to their profile, you only
            need to click on one of them and you will be instantly redirected to
            their page from which you can establish direct contact with the
            user.
          </p>
        </div>
        <!-- faq -->
        <div>
          <h3 class="question">Can I downgrade if I delete my code?</h3>
          <p class="answer">
            Yes, but with certain conditions, you will not lose your level if
            you are an active user, but if a period of 6 months of inactivity
            passes in your account you can lose your level, it will be
            recalculated according to your active codes on the platform.
          </p>
        </div>
        <!-- faq -->
        <div>
          <h3 class="question">Do the created codes have any limit?</h3>

          <p class="answer">
            Each code you save must be less than 500KB in size and snippets must
            be less than 150KB
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">How may codes can i have?</h3>
          <p class="answer">
            The number of codes allowed depends on the level you have in your
            account, check the table of levels and their benefits in your
            profile page. Snippets have no limits and limitations are not taken
            into account.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">
            What licenses do the published codes have in skriper.dev?
          </h3>
          <p class="answer">
            When you publish code to skriper.dev it is then licensed under the
            MIT license. If your code is private we do not give it any license
            and you can license it as you may please, we recommend that you
            include the type of license as a comment in your code. Remember that
            when publishing a code in creeper.dev publicly other users can
            “fork” your code, skriper.dev keeps as a reference the original code
            from where the fork was made as an attribution of the respective
            credits.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">What are account levels?</h3>
          <p class="answer">
            These are ranges that allow accounts to be identified. These ranges
            are obtained by fulfilling some parameters that are described in
            your profile page.
          </p>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">What do I do if my code is copied?</h3>
          <p class="answer">
            Copying a code is performing a "copy & paste" and not a fork, the
            fork maintains the respective relationship with the code from which
            it was copied, but if you consider that the code was copied, you can
            send us a review request to our email. If you want to disable the
            fork option in your code, just go to settings in the editor and
            disable the fork option.
          </p>
        </div>

        <!-- faq -->

        <div>
          <h3 class="question">How can I add a mockup phone in my preview?</h3>
          <div class="answer">
            <p>
              In your CSS add the next decorator:
              <code>/* @skriper mockup:phone */</code>
            </p>
            <iframe
              width="540"
              height="296"
              src="https://www.youtube.com/embed/eFlaXxr5GG4"
              title="How To Add Phone Mockup To Preview"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen
            ></iframe>
          </div>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">
            How to create a picture of my code and share it
          </h3>
          <div class="answer">
            <p>
              Only select your code and press CTRL + Enter and customize your
              picture. In the next video we will show how can execute your JS
              code and share it.
            </p>
            <iframe
              width="540"
              height="296"
              src="https://www.youtube.com/embed/dliDFdAvwjk"
              title="Create and share beautiful images of your source code | Javascript"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen
            ></iframe>
          </div>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">How to include external CDN library</h3>
          <div class="answer">
            <iframe
              width="540"
              height="296"
              src="https://www.youtube.com/embed/kCUi005ELkU"
              title="How to Include External CDN Library"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen
            ></iframe>
          </div>
        </div>

        <!-- faq -->
        <div>
          <h3 class="question">How to create gradients?</h3>
          <div class="answer">
            <iframe
              width="540"
              height="296"
              src="https://www.youtube.com/embed/kHnscGC_qkE"
              title="How to Create Gradients"
              frameborder="0"
              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
              allowfullscreen
            ></iframe>
          </div>
        </div>
      </section>
    </main>

    <footer>
      <div class="box1">
        <div class="logo">
          <img src="IMAGES/just-skripper-text.svg" alt="skriper logo text" />
        </div>
        <div class="icons">
          <img src="IMAGES/twitter.svg" alt="twitter icon" />
          <img src="IMAGES/youtube.svg" alt="youtube icon" />
          <img src="IMAGES/facebook.svg" alt="facebook icon" />
        </div>
      </div>
      <div class="box2">
        <ul>
          <li><h2>Links of interest</h2></li>
          <li><a href="FAQ.html">FAQ</a></li>
          <li><a href="#">Twitter</a></li>
          <li><a href="#">Facebook</a></li>
          <li><a href="#">Youtube</a></li>
        </ul>
      </div>
      <div class="box3">
        <p>Copyright Skriper.dev © 2022</p>
        <div>
          <a href="#">
            <img
              src="IMAGES/contact-skriper-text.svg"
              style="width: 100%"
              alt=""
          /></a>
        </div>
      </div>
    </footer>
    <script src="./app.js"></script>
  </body>
</html>