DayArray/faq.html at master · Domenick97/DayArray · 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
<!DOCTYPE html>
<html>
  <head>
    <style>
      .question-title{
        background-color:#f1f4f7;
        padding-top:12px;
        padding-bottom:12px;
        font-size:22px;
        border-top:1px solid #dadada;
      }
      .question-info{
        max-height:0px;
        overflow:hidden;
        transition: 1.5s;
      }
      .question-info p{
        padding: 24px;
      }
      .color-theme{
        text-decoration: none;
      }
      p a:hover{
        color: #bbb;
        transition: 1s;
        text-decoration: none;
      }
      #info6 p{
        padding: 24px 24px 5px 24px;
      }
      #info6 div{
        margin-bottom: 24px;
      }

    </style>


    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-96903651-2', 'auto');
      ga('send', 'pageview');
    </script>


    <meta charset="UTF-8">
    <meta name="description" content="To-do list application fequently asked questions">
    <meta name="keywords" content="todo,to-do,day,array,dayarray,list,editor,questions,faq">
    <meta name="author" content="Domenick DiBiase">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="shortcut icon" href="images/favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <script language="JavaScript" type="text/JavaScript" src="js/main.js"></script>

    <title>Day Array</title>
  </head>
  <body>
    <div style="min-height:calc(100% - 90px); margin-bottom:30px;">
      <header class="header-theme container-fluid" style="box-shadow: 0 2px 5px #BBB">
        <a href="index.html" rel="noopener">
          <div class="arrow-back">
            <svg width="36" height="36" class="arrow">
              <polygon stroke-linejoin="round"
                points="6,18 28,8 28,28"
                stroke="#FFF" stroke-width="8"
                fill="#FFF"/>
            </svg>
          </div>
          <div class="logo-center">
          <img src="images/favicon.ico" class="logo " />
        </div>
        </a>
    </header>

    <section>

      <!-- Main section -->
      <div class="container-fluid" style="padding-top:10px;" >
        <div class="row justify-content-center">
          <div class="col-md-10 item-col settings-hub" style="transition: 1.5s; text-align:center;">

            <!-- Setting title -->
            <div class="row justify-content-center" style="background-color:#E9ecef;border-radius:4px 4px 0 0; padding-top:10px; padding-bottom:10px;font-size:22px">
              Frequently Asked Questions
            </div>

            <!-- Input for theme color -->
            <div class="row justify-content-center" style="padding:32px 50px 32px 50px; text-align:center;">

              <p>Don't see your question on here? Feel free to contact me directly at <a href="mailto:domenickdibiase@gmail.com" style="text-decoration:none;" class="color-theme">domenickdibiase@gmail.com</a> or you can fill out a online form <a href="contact.html" rel="noopener" alt="Contact Page" class="color-theme">here</a>.</p>

            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(1)">
              How to Create
            </div>
            <div class="question-info" id="info1">
              <p>On the main Page there is a plus button, click that and a menu will slide down at the top of the list. From there you can fill in the information for your to-do item.</p>
            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(2)">
              How is my list saved?
            </div>
            <div class="question-info" id="info2">
              <p>In the settings there is an option to change the how your to-do list is saved or to not have it saved.</br></br>
              <span style="font-weight: bold" class="color-theme">Local Storage (Default):</span> This option saves the list to the local storage within the user's web browser. This allows the user to exit the browser and when they come back to the site the list will still be there.</br>
              <span style="font-weight: bold" class="color-theme">Session Storage:</span> This option saves the list to the session storage within the user's web browser. The list is only saved while the browser remains open. When the browser is closed all data will be erased.</br>
              <span style="font-weight: bold" class="color-theme">Don't Save:</span> This does not save the list at all and closing the tab or even simplying changing to a different page within the website may erase the data. (Not Recommended)</br></br>
              Notice - This website does not store the data regarding the users to-do list or preferences on any server, instead all of that information and data is saved locally.</p>
            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(3)">
              Why do the filter and sort options not work?
            </div>
            <div class="question-info" id="info3">
            <p>At the moment, those options are not avalible. I plan on getting those up and running in the near future along with several other features. If you would like to contirbute to the development of this page and its features check out the "How Can I Help?" section below.</p>
            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(4)">
              How can I help?
            </div>
            <div class="question-info" id="info4">
              <p>Even though most of the basic functionality of the site is finished, there is always room for improvement. If you would like to contribute to the development of this site please check out the project on GitHub here: <a href="https://github.com/Domenick97/DayArray" alt="Link to project on github" target="_blank" class="color-theme">Day Array</a>. If you do not want to directly contribute, you may contact me with any suggestions or ideas.</p>
            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(5)">
              How do I contact you?
            </div>
            <div class="question-info" id="info5">
              <p>If you would like to contact me directly, feel free to email me at <a href="mailto:domenickdibiase@gmail.com" class="color-theme">domenickdibiase@gmail.com</a> or you can fill out a form online <a href="contact.html" rel="noopener" alt="Contact Page" class="color-theme">here</a>. Also, you can check out other projects I have worked on at my personal website <a href="domenickdibiase.com" target="_blank" class="color-theme">domenickdibiase.com<a> .</p>
            </div>
            <div class="row justify-content-center question-title" onclick="animateInfo(6)">
              How can I donate?
            </div>
            <div class="question-info" id="info6">
              <p>If you like what you see and want to help, feel free to donate to help me (the developer) cover cost associated with running a website.</p>
              <a href="https://paypal.me/Domenick" alt="Donations through paypal" target="_blank" style="width: 150px;text-decoration:none;">
                <div style="max-width: 150px;border-radius:15px;color:#FFF; text-decoration:none;text-align:center;margin:auto;" class="header-theme">
                  <p style="padding:4px;">Support The Site</p><!-- background-color:#F8C826;-->
                </div>
              </a>
            </br>
            </div>

          </div>
        </div>
      </div>
    </section>
  </div>

  <footer style="text-align:center;" class="container-fluid">
    <div class="row justify-content-center">
    <div  id="foot">
      <span class="prompt" id="privacy">Privacy Policy</span>
      <span style="color:#bbb">|</span>
      <span class="prompt">&copy; Copyright 2018</span>
    </div>

    <div id="links">
      <a href="https://github.com/Domenick97" target="_blank" rel="noopener"><img src="images/github.png" alt="GitHub" class="icon-link" id="githubLink"/></a>
      <a href="https://linkedin.com/in/domenickd" target="_blank" rel="noopener"><img src="images/linkedIn.png" alt="LinkedIn" class="icon-link" id="linkedInLink"/></a>
      <a href="http://domenickdibiase.com" target="_blank" rel="noopener"><img src="images/DD.png" alt="Resume" class="icon-link" id="resumeLink"/></a>
    </div>
  </div>
  </footer>
</body>

</html>