1<!DOCTYPE html> 2<html lang="en-US" class=""> 3 4<head> 5 <title>Pi Reminder | Slack</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 8 <link id="favicon" rel="shortcut icon" href="https://pireminder.com/img/app-icon.png" 9 sizes="16x16 32x32 48x48" type="image/png"> 10 <meta property="og:type" content="website"> 11 <meta property="og:site_name" content="Pi Reminder"> 12 <meta property="og:title" content="Pi Reminder | Slack"> 13 <meta property="og:image" content="https://pireminder.com/img/app-icon.png"> 14 <meta property="og:description" 15 content="Add tasks and reminders from your Slack workspace."> 16 <meta property="og:url" content="https://pireminder.com/slack/index.html"> 17 <!-- <link href="./assets/style.css" rel="stylesheet" type="text/css">--> 18 <style> 19 /* https://a.slack-edge.com/7e0f3/style/app_pages_landing_pages.css */ 20 @font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF} 21 .callback_container{height:100%;min-height:580px;position:relative;width:100%} 22 .usage_demo{background:#fff;border-radius:6px;box-shadow:0 0 12px 2px rgba(0,0,0,.1);display:inline-block;height:40px;line-height:40px} 23 .container,.separator,.separator_mid{margin:0 auto;max-width:928px;width:100%} 24 .column_container{align-items:center;display:block} 25 @media (min-width:928px){.callback_container{min-height:620px;padding-top:108px} 26 .column_container{display:flex} 27 .hero_container{height:560px;text-align:left} 28 } 29 .column{flex:1}
30 .separator_mid{padding-top:20px;margin-top:20px;border:none;border-top:1px solid #fff} 31 .separator{border:none;border-top:1px solid #fff} 32 .hero_image_column,.hero_text_column{margin:0 auto;max-width:100%} 33 .hero_image_column{width:586px} 34 .hero_image_column>img{background: #676767;border-radius: 16px;} 35 .hero_text_column{padding-bottom:32px;width:336px} 36 @media (min-width:928px){ 37 .hero_image_column{margin:0;padding:0} 38 } 39 .hero_heading{margin-bottom:8px;margin-top:0} 40 .hero_title{display:inline-block;line-height:1;margin-top:0} 41 .hero_description{margin-top:0} 42 .hero_button{margin-top:25px} 43 .secondary_link{background:0 0;border:0;font:inherit;margin:12px 0 0;line-height:inherit;overflow:initial;padding:0;text-align:initial;vertical-align:initial;cursor:pointer;color:#1264a3;text-decoration:none;display:block;font-size:.85rem} 44 .secondary_link:active,.secondary_link:focus,.secondary_link:hover{outline:0} 45 .inline_link{background:0 0;border:0;font:inherit;margin:0;line-height:inherit;overflow:initial;padding:0;text-align:initial;vertical-align:initial;cursor:pointer;color:#1264a3;text-decoration:none} 46 .inline_link:active,.inline_link:focus,.inline_link:hover{outline:0} 47 .example_container,.starter_pack_container{padding:48px 0} 48 .example_container_reverse{flex-direction:row-reverse} 49 .example_intro_text{margin:32px auto 10px;max-width:100%;} 50 .example_heading{margin:12px 0} 51 .example_reacji_inline{vertical-align:-6px} 52 .setup_container{padding-top:64px} 53 @media (min-width:928px){.example_container,.starter_pack_container{height:386px;padding-bottom:48px} 54 .example_heading{margin-top:0} 55 .setup_container{height:530px} 56 } 57 .setup_heading{display:inline-block;margin:0 8px} 58 @media (min-width:446px){ 59 .setup_heading{margin:0 32px} 60 } 61 .setup_steps_container{align-items:flex-start;margin-top:40px} 62 .setup_steps_column{padding:10px 10px 48px} 63 .setup_step_heading{margin-bottom:8px} 64 .setup_usage_demo{margin:40px 0;width:290px} 65 .setup_emoji_inline{vertical-align:-2px} 66 .setup_rmdr_icon{margin-top:10px} 67 .starter_pack_instructions{margin:12px 0 32px} 68 .starter_pack_download_button{background-color:#42c299;border-radius:4px;box-shadow:0 3px 10px rgba(0,0,0,.2);color:#fff;display:inline-block;font-size:1.0625rem;height:53px;padding:14px 32px;text-decoration:none} 69 .ul_format{text-align:left;display:block;padding-left:33px;padding-top:33px} 70 .ul_item{padding-top:33px} 71 .get_started_section{display:flex;justify-content:center;align-items:center} 72 .get_started_container{border:1px solid #ddd;border-radius:16px} 73 .center_aligned_link{text-align:center} 74 75 76 /* https://a.slack-edge.com/cb708/style/app_pages.css */ 77 /* @font-face{font-family:appleLogo;src:local("Lucida Grande");unicode-range:U+F8FF} 78 @font-face{font-family:Lato;font-weight:400;src:local('Slack-Lato'),url(/80588/fonts/lato-2-compressed/lato-regular.woff2) format('woff2'),url(/80588/fonts/lato-2/lato-regular.woff) format('woff')} 79 @font-face{font-family:Lato;font-weight:700;src:local('Slack-Lato'),url(/80588/fonts/lato-2-compressed/lato-bold.woff2) format('woff2'),url(/80588/fonts/lato-2/lato-bold.woff) format('woff')} 80 @font-face{font-family:Lato;font-weight:800;src:local('Slack-Lato'),url(/80588/fonts/lato-2-compressed/lato-bold.woff2) format('woff2'),url(/80588/fonts/lato-2/lato-bold.woff) format('woff')} */ 81 *{box-sizing:border-box} 82 html{font-size:16px;height:100%} 83 body{color:#616061;font-family:Lato,sans-serif;font-size:1.125rem;height:100%;line-height:1.35;margin:0;text-align:center} 84 h1,h2,h3,h4,p,ul{margin:0} 85 img{max-width:100%;height:auto} 86 .font_size_1{font-size:1.25rem} 87 .font_size_2{font-size:1.375rem} 88 .font_size_3{font-size:1.75rem} 89 .font_size_4{font-size:2.25rem} 90 .font_size_5{font-size:3.5rem} 91 .font_weight_normal{font-weight:400} 92 .font_weight_bold{font-weight:700} 93 .font_weight_heavy{font-weight:800} 94 .color_light{color:#616061} 95 .color_dark{color:#1d1c1d} 96 .color_green{color:#6aceae} 97 .color_blue{color:#7ad0e1} 98 .color_pink{color:#ea2b7e} 99 .color_yellow{color:#f8ba31} 100 .background_color_offwhite{background-color:#f6fffa} 101 .background_color_white{background-color:#fff} 102 .logo_image{ 103 margin:16px 0 104 } 105 .logo_image{float: left;margin-left: 20px;} 106 @media (min-width:928px){.logo_image{left:20px;margin:0;position:absolute;top:20px} 107 } 108 .slack_button{display:inline-block;margin-top:28px} 109 .header-title{ 110 left: 74px; 111 margin: 0; 112 position: absolute; 113 top: 27px; 114 font-weight: bold; 115 font-size: 26px; 116 color: #000000; 117 } 118 .slack-cmd{ 119 padding: 10px; 120 margin: 4px; 121 border: 1px solid #c2c2c2; 122 border-radius: 10px; 123 font-family: monospace; 124 background: #f7f7f7; 125 } 126 .pi-app-link img{ 127 width: 24px; 128 height: 24px; 129 margin-left: 8px; 130 } 131 .feature-list{ 132 width: 497px; 133 text-align: left; 134 margin: 20px auto; 135 } 136 .feature-list>li{ 137 padding: 10px; 138 } 139 </style> 140</head> 141 142<body> 143 <div class="background_color_offwhite"> 144 <a href="https://pireminder.com" > 145 <img alt="Pi Reminder | Slack" class="logo_image" 146 src="./assets/images/app-icon.png" 147 srcset="./assets/images/app-icon.png" width="50" height="40"><span class="header-title" >Pi Reminder + Slack</span></div> 148 </a> 149 <div id="apps-page-app-element"> 150 <div> 151 <section class="background_color_offwhite"> 152 <div class="container column_container hero_container"> 153 <div class="hero_image_column">
153<img alt="Pi Reminder App" 154 src="./assets/images/slack-demo.gif" width="526" height="378"> 155 </div> 156 <div class="hero_text_column"> 157 <h1 class="hero_heading"><span class="font_weight_bold font_size_1">Assign Tasks & Send Reminders</span><br><span 158 class="hero_title font_size_5 color_dark">Pi Reminder</span></h1> 159 <p class="hero_description">Quickly add tasks 160 for your meetings, bill payments, pull requests etc. 161 directly from any slack conversation, and access them via Pi Reminder app 162 <a class="pi-app-link" target="_blank" href="https://chrome.google.com/webstore/detail/lflhpoaghkcebhmikolpdhdikknpmbod/" ><img src="assets/images/google_chrome_web_store.png" /></a> 163 <a class="pi-app-link" target="_blank" href="https://play.google.com/store/apps/details?id=com.piyushgaur.pireminder" ><img src="https://img.icons8.com/color/48/000000/google-play.png"/></a> 164 </p><a class="slack_button hero_button" 165 href="https://bot.pireminder.com/slack/login"><img alt="Add to Slack" height="40" width="139" 166 src="./assets/images/add_to_slack.png" ></a> 167 <BR><BR> 168 <b>* Free for 5 tasks per day.<BR>Upgrade for more <a href="https://pireminder.com/pricing" target="_blank" >Pi Reminder Plus<img alt="Available on Pi Reminder Plus" 169 title="Available on Pi Reminder Plus" 170 src="https://pireminder.com/v1/payment/plus/photo" width="30" height="30" /></a></b> 171 </div> 172 </div> 173 </section> 174 <section> 175 <div class="container"> 176 <br> 177 <div><span class="font_weight_bold font_size_1 color_light"><h3>Usage</h3></span></div> 178 <p class="example_intro_text font_size_1 color_dark">Directly add tasks and reminders from within any slack conversation. 179 </br>To <b>add a task</b> use the following command:</br></br> 180 <div class="slack-cmd" ><b>/add-task send project update mail at 6pm</b></div> 181 </br>Or mention <b>@PiReminderBot</b> from a <b>Slack Channel</b>:</br></br> 182 <div class="slack-cmd" ><b><span style="color:#6aacff;background:#ffecc3">@PiReminderBot</span> Review pull requests at 5pm</b></div></br></br> 183 This will add a task for yourself on Pi Reminder and will popup the reminder if you have Pi Reminder installed on your browser or Phone. 184 </br></br>You can also <b>set reminder for anyone</b> else by using following example command:</br> 185 </br><div class="slack-cmd"><b >/add-task send project update mail at 6pm for <span style="color:#6aacff;background:#ffecc3">@Jon Snow</span></b></div> 186 </br>OR</br> 187 </br><div class="slack-cmd"><b >/add-task send project update mail at 6pm for [email protected]</b></div></br> 188 replace the email with your teammate's email id or their Pi Reminder username</p></br> 189 </br>To add a <b>repeat reminder</b>, use following command:</br></br> 190 <div class="slack-cmd" ><b>/add-task Review pull requests at 5pm every 2 days</b></div> 191 <div class="slack-cmd" ><b>/add-task Scrum meeting at 5pm every weekday</b></div> 192 </br>To list your <b>upcoming reminders</b>, use following command:</br></br> 193 <div class="slack-cmd" ><b>/list-tasks</b></div> 194 </br>To <b>delete</b> a reminder, use:</br></br> 195 <div class="slack-cmd" ><b>/delete-task Scrum meeting</b></div></br></br> 196 </div> 197 </section> 198 <section class="background_color_offwhite"> 199 <div class="container setup_container"> 200 <div><img alt="Pi Reminder logo" src="./assets/images/app-icon.png" 201 width="42" height="63" style="margin: 16px;" > 202 <h2 class="setup_heading"><span class="font_weight_bold font_size_1 color_light">How to 203 setup</span><br><span class="setup_title font_size_4 color_dark">Pi Reminder + Slack</span></h2><img alt="Slack logo" 204 src="./assets/images/Slack_Mark_Web.png" 205 width="75" height="75"> 206 </div> 207 <div class="column_container setup_steps_container"> 208 <div class="column setup_steps_column"> 209 <h4 class="font_weight_heavy font_size_2 color_green setup_step_heading">Step 1</h4> 210 <p>Install <br /> 211 Pi Reminder by clicking the <br /> 212 <strong>Add to Slack</strong> 213 button</p> 214 <br><a class="slack_button setup_usage_demo" href="https://bot.pireminder.com/slack/login"><img 215 alt="Add to Slack" height="40" width="139" 216 src="./assets/images/add_to_slack.png" 217 srcset="./assets/images/add_to_slack.png 1x, ./assets/images/add_to_slack.png 2x"></a> 218 </div> 219 <div class="column setup_steps_column"> 220 <h4 class="font_weight_heavy font_size_2 color_blue setup_step_heading">Step 2</h4> 221 <p>Add Pi Reminder app by clicking<br /> 222 <strong>Allow</strong> button on the authorization page</p> 223 <br> 224 <img class="" 225 alt="Allow slack to workspace" height="" width="200" 226 src="./assets/images/permission.png" 227 srcset="./assets/images/permission.png 1x, ./assets/images/permission.png 2x"> 228 229 </div> 230 <div class="column setup_steps_column"> 231 <h4 class="font_weight_heavy font_size_2 color_yellow setup_step_heading">Step 3</h4> 232 <p>Use the 233 <strong>/add-task</strong> 234 slash command <br /> 235 to add tasks directly from Slack and view them on Pi Reminder</p> 236 <br> 237 <img class="setup_rmdr_icon" alt="Pi Reminder" 238 src="./assets/images/app-icon.png" width="59" height="40"> 239 </div> 240 </div> 241 </div> 242 </section> 243 <section> 244 <div class="container"> 245 <br> 246 <div><span class="font_weight_bold font_size_1 color_light"><h3>Features</h3></span></div> 247 <div class="column"> 248 <p class="example_intro_text" > 249 <ul class="feature-list" > 250 <li>Assign tasks to teammates</li> 251 <li>Add tasks for anyone using their email id</li> 252 <li>Works from within Slack Channels</li> 253 <li>View list of your upcoming tasks</li> 254 <li>Add Repeat Reminders (<a href="https://pireminder.com/pricing" target="_blank" >Pi Reminder Plus<img alt="Available on Pi Reminder Plus" 255 title="Available on Pi Reminder Plus" 256 src="https://pireminder.com/v1/payment/plus/photo" width="30" height="30" style="vertical-align: bottom;" /></a>)</li> 257 <li>Mark your tasks as Completed (<a href="https://pireminder.com/pricing" target="_blank" >Pi Reminder Plus<img alt="Available on Pi Reminder Plus" 258 title="Available on Pi Reminder Plus" 259 src="https://pireminder.com/v1/payment/plus/photo" width="30" height="30" style="vertical-align: bottom;" /></a>)</li> 260 <li>Email Reminders (<a href="https://pireminder.com/pricing" target="_blank" >Pi Reminder Plus<img alt="Available on Pi Reminder Plus" 261 title="Available on Pi Reminder Plus" 262 src="https://pireminder.com/v1/payment/plus/photo" width="30" height="30" style="vertical-align: bottom;" /></a>)</li> 263 </ul> 264 </p> 265 </div> 266 </div> 267 </section> 268 <section class="background_color_offwhite" > 269 <div class="container column_container"> 270 <div class="column"> 271 <p class="example_intro_text"><a class="inline_link" 272 href="mailto:[email protected]">Contact us</a> for any feedback or question!</p> 273 </div> 274 </div> 275 </section> 276 <section class="background_color_offwhite" > 277 <div class="container column_container"> 278 <div class="column"> 279 <p class="example_intro_text" > 280 <a href="/privacy"> 281 <i class="fa fa-privacy fa-3x wow bounceIn" data-wow-delay=".1s" style="color: rgb(3, 97, 71); visibility: visible; animation-delay: 0.1s;"></i> 282 Privacy Policy</a> 283 . 284 <a href="/terms-of-use"> 285 <i class="fa fa-privacy fa-3x wow bounceIn" data-wow-delay=".1s" style="color: rgb(3, 97, 71); visibility: visible; animation-delay: 0.1s;"></i> 286 Terms Of Use</a> 287 . 288 <a href="/data-usage-policy"> 289 <i class="fa fa-privacy fa-3x wow bounceIn" data-wow-delay=".1s" style="color: rgb(3, 97, 71); visibility: visible; animation-delay: 0.1s;"></i> 290 Data Usage Policy</a> 291 </p> 292 </div> 293 </div> 294 </section> 295 </div> 296 </div> 297</body> 298 299</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.