RE: My Actifit Report Card: March 20 2019 by definethedollar

View this thread on steempeak.com

Viewing a response to: @astrophoto.kevin/actifit-astrophoto-kevin-20190320t203958452z

· @definethedollar ·
$0.03
How are you doing that with the walk to a macro lens’s with the graphics and step count and everything?  That’s very cool!!!!

Posted using [Partiko iOS](https://partiko.app/referral/definethedollar)
👍  ,
properties (23)
post_id71,765,400
authordefinethedollar
permlinkdefinethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190320t204610579z
categoryactifit
json_metadata{"app":"partiko","client":"ios"}
created2019-03-20 20:46:12
last_update2019-03-20 20:46:12
depth1
children11
net_rshares52,544,322,194
last_payout2019-03-27 20:46:12
cashout_time1969-12-31 23:59:59
total_payout_value0.024 SBD
curator_payout_value0.008 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length199
author_reputation50,375,830,871,208
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (2)
@astrophoto.kevin ·
Hey @definethedollar :-)
Thank you very much!
I have made an Excel sheet, where I put in the informations I get on https://steemworld.org
But I wanted to make a python script long time ago, I hope to have a little bit of time in the next weeks.
Until now need to make everything by hand.
properties (22)
post_id71,786,045
authorastrophoto.kevin
permlinkre-definethedollar-definethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190321t063342930z
categoryactifit
json_metadata{"tags":["actifit"],"users":["definethedollar"],"links":["https:\/\/steemworld.org"],"app":"steemit\/0.1"}
created2019-03-21 06:30:51
last_update2019-03-21 06:30:51
depth2
children10
net_rshares0
last_payout2019-03-28 06:30:51
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length287
author_reputation80,661,569,217,661
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@definethedollar ·
How did you get the progress bar?  I tried < progress> and < meter> but didn’t work.
properties (22)
post_id71,792,610
authordefinethedollar
permlinkre-astrophotokevin-re-definethedollar-definethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190321t100534346z
categoryactifit
json_metadata{"tags":["actifit"],"app":"steemit\/0.1"}
created2019-03-21 10:05:33
last_update2019-03-21 10:05:33
depth3
children9
net_rshares0
last_payout2019-03-28 10:05:33
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length84
author_reputation50,375,830,871,208
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars0
@astrophoto.kevin ·
Html and css isn't working in full extent on the STEEM frontends.
I have made a small html file for the progress bar wich i screenshot and crop in photoshop.
properties (22)
post_id71,798,391
authorastrophoto.kevin
permlinkre-definethedollar-re-astrophotokevin-re-definethedollar-definethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190321t122956479z
categoryactifit
json_metadata{"tags":["actifit"],"app":"steemit\/0.1"}
created2019-03-21 12:27:03
last_update2019-03-21 12:27:03
depth4
children0
net_rshares0
last_payout2019-03-28 12:27:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length157
author_reputation80,661,569,217,661
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
@astrophoto.kevin · (edited)
$0.07
html

progress.html

``` <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Actifit progress</title>
<link rel="stylesheet" type="text/css" href="progress.css">
</head>

<body>

<div class="stage">   
  <div id="text_oben">
      <b>Walk for a macro lens</b><br><br>
      Through my daily Actifit posts I try to "walk" a macro lens to make the photos in the posts even better and more spectacular. <br><b>You are welcome to support me in my project.</b><br>Due to price volatility of the STEEM price the information may also change.
  </div>    
  <div>
    <div class="progressbar progressbar-red">
        <div class="progressbar-inner">
          <div id="percent">
           33.11%
          </div>
        </div>
    </div>
  </div>   
  <div id="tabelle">
      <table style="width:100%">
        <tr>
          <td height="30">
              Already gained: 28.24 STEEM
          </td>
          <td align="right">
              Goal: 737.76 STEEM
          </td>
        </tr>
          
        <tr>
          <td height="30">
              Steps already made: 243,755 STEEM
          </td>
          <td align="right">
              Steps to reach goal: 6,368,556 STEEM
          </td>
        </tr>
          
      </table>
  </div>
</div>
    
    
</body>

</html>
👍  
properties (23)
post_id71,798,553
authorastrophoto.kevin
permlinkre-definethedollar-re-astrophotokevin-re-definethedollar-definethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190321t123313725z
categoryactifit
json_metadata{"tags":["actifit"],"app":"steemit\/0.1"}
created2019-03-21 12:30:21
last_update2019-03-21 12:32:12
depth4
children0
net_rshares103,864,706,133
last_payout2019-03-28 12:30:21
cashout_time1969-12-31 23:59:59
total_payout_value0.050 SBD
curator_payout_value0.016 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length1,289
author_reputation80,661,569,217,661
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000
author_curate_reward""
vote details (1)
@astrophoto.kevin · (edited)
css

progress.css

```
.progressbar{
    
    width:600px;
    height:24px;
    margin:0 auto 20px auto;
    padding:0px;
    
    background:#cfcfcf;
    border-width:1px;
    border-style:solid;
    border-color: #aaa #bbb #fff #bbb;    
    box-shadow:inset 0px 2px 3px #bbb;    
}

.progressbar,
.progressbar-inner{
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
}

.progressbar-inner{
    height:100%;
    background:#999;
    
    background-size:18px 18px;
    background-color: #ac0;   
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,
                        transparent 75%, transparent);
    
    box-shadow:inset 0px 2px 8px rgba(255, 255, 255, .5), inset -1px -1px 0px rgba(0, 0, 0, .2);
}

/*
 * Color Options
 */


.progressbar-red .progressbar-inner{
    background-color:#f67;
    width:33%;
}


.stage {
  margin-top:50px; 
  width: 800px;
  height: 400px;
  border: 1px solid red;
  padding: 25px;    
}

#percent {
  font-family: Sans-serif;
  font-weight: bold;
  color:black;
  width: 600px;
  text-align: center;
  margin: auto;
  padding-top: 3px;
}

#tabelle {
  width: 600px; 
  margin:0 auto 20px auto;
    
}

table, th, td {
  border-collapse: collapse;
  font-family: Sans-serif;
  color:black;
  font-weight: bold;  
  font-size: 97%;
}

#text_oben {
  width: 600px; 
  margin:0 auto 20px auto;
  font-family: Sans-serif;
  color:black;
  text-align: center;
}
properties (22)
post_id71,798,588
authorastrophoto.kevin
permlinkre-definethedollar-re-astrophotokevin-re-definethedollar-definethedollar-re-astrophoto-kevin-actifit-astrophoto-kevin-20190321t123355852z
categoryactifit
json_metadata{"tags":["actifit"],"app":"steemit\/0.1"}
created2019-03-21 12:31:03
last_update2019-03-21 12:31:54
depth4
children6
net_rshares0
last_payout2019-03-28 12:31:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 SBD
curator_payout_value0.000 SBD
pending_payout_value0.000 SBD
promoted0.000 SBD
body_length2,593
author_reputation80,661,569,217,661
root_title"My Actifit Report Card: March 20 2019"
beneficiaries[]
max_accepted_payout1,000,000.000 SBD
percent_steem_dollars10,000