Commit bcb1f687 authored by Martin Cífka's avatar Martin Cífka
Browse files

replaced timelapseCount <select> with <input type=number>; improved mobile css; new favicon

parent d1948077

sdk/build/miphoto/www/favicon.ico

+2.31 KiB (2.62 KiB)
Loading image diff...

sdk/build/miphoto/www/index.html

+2 −16
Original line number Diff line number Diff line
@@ -139,22 +139,8 @@ 
                                </select></td>

                                

                            </tr><tr>

                                <td><label for="timelapseCountSelect">Count:</label></td>

                                <td><select id="timelapseCountSelect" name="timelapseCount" disabled>

                                    <option value="2">2</option>

                                    <option value="3">3</option>

                                    <option value="4">4</option>

                                    <option value="5">5</option>

                                    <option value="6">6</option>

                                    <option value="7">7</option>

                                    <option value="8">8</option>

                                    <option value="9">9</option>

                                    <option value="10">10</option>

                                    <option value="12">12</option>

                                    <option value="14">14</option>

                                    <option value="16">16</option>

                                    <option value="18">20</option>

                                </select></td>

                                <td><label for="timelapseCount">Count:</label></td>

                                <td><input type="number" value="2" min="2" id="timelapseCount" name="timelapseCount" disabled></td>

                                

                            </tr>

                        </table></td>

sdk/build/miphoto/www/style.css

+55 −55
Original line number Diff line number Diff line
@@ -2,6 +2,7 @@ body 
{

    color: #fff6cb;

    background-color: #fffae0;

    margin: 0;

}

body,html

{
@@ -35,10 +36,22 @@ label 


.box

{

    background-color: #45535d;

    height: fit-content;

    width: fit-content;



    position: fixed;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;        



    padding: 15px 30px;

    margin: auto;

    

    border-radius: 10px;   

    background-color: #45535d;





}



.center
@@ -114,30 +127,32 @@ input[type="submit"] 


button:disabled,

input[type="button"]:disabled,

input[type="submit"]:disabled

{

input[type="submit"]:disabled {

    background-color: #888;

    color: #666;

    cursor: default;

}



input[type="checkbox" i]:disabled+label

{

input[type="checkbox" i]:disabled+label {

  color: #777;

}



input

{

input {

    border-radius: 3px;

}



input[type=text]

{

    padding: 7px;

input[type=text], input[type=number] {

    border: none;

    border-radius: 1px;

}

select

{

    padding: 6px;



input[type=number] {

    max-width: 73px;

}



select, input[type=number], input[type=text] {

    padding: 5px;

    box-sizing: border-box;

}



input[type="checkbox"] {
@@ -148,17 +163,15 @@ input[type="checkbox"] { 
}





#wsForm

{

#wsForm {

    margin: 5px 0px 12px 0px;

}



#buttonPowerOff

{

#buttonPowerOff {

    padding: 2px;

}

#buttonPowerOff > svg

{



#buttonPowerOff > svg {

    width: 26px;

    height: 26px;

}
@@ -171,80 +184,67 @@ table { 
    border-spacing: 0;

}



table.wrapper

{

table.wrapper {

    margin: 0;

    border-spacing: 0;

    width: 100%;

    border: 0px none;s

    border: 0px none;

}



#wsFormTable1

{

#wsFormTable1 {

    width: 100%;

}



#wsFormTable1 > tbody > tr > td

{

#wsFormTable1 > tbody > tr > td {

    vertical-align: top;

}



#wsFormTable1 > tbody >  tr:nth-child(1) > td

{

#wsFormTable1 > tbody >  tr:nth-child(1) > td {

    padding-bottom: 10px;

}



#wsFormTable1 > tbody >  tr:nth-child(2) > td

{

#wsFormTable1 > tbody >  tr:nth-child(2) > td {

    padding-top: 10px;

    border-top: 1px solid #fff6cb;

}



#wsFormTable1 > tbody > tr:nth-child(n+2) > td:nth-child(1)

{

#wsFormTable1 > tbody > tr:nth-child(n+2) > td:nth-child(1) {

    border-right: 1px solid #fff6cb;

}



#wsFormTable1 > tbody > tr > td:nth-child(2)

{

#wsFormTable1 > tbody > tr > td:nth-child(2) {

    padding-left: 15px;

}



@media only screen and (max-width: 415px) {

    

/*#wsFormTable2 td:first-child

{

    width: 200px;

}*/



@media only screen and (max-width: 475px) {

    

    body

    {

    body {

        margin: 0;

    }

    

    .box

    {

        width: unset;

        padding: 17px;

    .box {

        padding: 4%;

    }

    

    #wsFormTable1 > tbody > tr > td:nth-child(2) {

        padding-left: 10px;

    }

    

@media only screen and (max-width: 389px) {

    #wsFormTable1, #wsFormTable1 > tbody > tr > td

    {

}



@media only screen and (max-width: 374px) {

    #wsFormTable1, #wsFormTable1 > tbody > tr > td {

        width: 100%;

    }

    

    #wsFormTable1 > tbody > tr > td

    {

    #wsFormTable1 > tbody > tr > td {

        display: table-row;

    }

    

    #wsFormTable1 > tbody > tr:nth-child(n+2) > td > table tr:nth-child(n+2) > td {

        padding-left: 20px;

    }

    .box {

        padding: 15px 30px;

    }

    

}

sdk/run.sh

+1 −1
Original line number Diff line number Diff line
@@ -2,7 +2,7 @@ 
set -euo pipefail



outfile="miphoto-exec"

buildopts="-std=c++17 -static-libstdc++ -DUWS_NO_ZLIB -Isrc/lib/ArduinoJson -Isrc/lib/uSockets -Isrc/lib/uWebSockets -Lsrc/lib -lpthread -lstdc++fs -l:uSockets.a"

buildopts="-std=c++17 -Wno-psabi -static-libstdc++ -DUWS_NO_ZLIB -Isrc/lib/ArduinoJson -Isrc/lib/uSockets -Isrc/lib/uWebSockets -Lsrc/lib -lpthread -lstdc++fs -l:uSockets.a"



usage=$(echo -e "Usage: run.sh [OPTIONS] \n\t-b\tbuild \n\t-r\tcopy to camera and run")