UNCLASSIFIED

Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 16.5 KB
Newer Older
Static Sites Deploy Bot's avatar
Deploying test-site v0.0.6 to static sites hosting.  
Static Sites Deploy Bot committed
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 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 
<!DOCTYPE html>
<html class="no-js">
  <head>

    <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Platform One</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" type="image/png" href="/favicon.png">

<!-- CSS -->
<link rel="stylesheet" href="/css/owl.carousel.css" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
<link rel="stylesheet" href="/css/font-awesome.min.css" />
<link rel="stylesheet" href="/css/airspace.css" />
<link rel="stylesheet" href="/css/style.css" />
<link rel="stylesheet" href="/css/ionicons.min.css" />
<link rel="stylesheet" href="/css/animate.css" />
<link rel="stylesheet" href="/css/responsive.css" />
<link rel="stylesheet" href="/css/syntax.css" />

<!-- CSS for Product Template-->


<!-- CSS for Get Started Template-->


<!-- CSS for Platform 1 Template-->

<link rel="stylesheet" type="text/css" href="/css/p1.css" />


<!-- Custom CSS -->
<link rel="stylesheet" href="/css/custom.css" />



<!-- Js -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/owl.carousel.min.js"></script>
<script src="/js/plugins.js"></script>
<script src="/js/min/waypoints.min.js"></script>
<script src="/js/jquery.counterup.js"></script>


<script src="/js/main.js"></script>




<script src="/js/puckboard.js"></script>


<!-- ionicons -->
<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>

<!--
/*
 * Airspace
 * Ported to Jekyll by Andrew Lee
 * https://github.com/ndrewtl/airspace-jekyll
 * Designed and Developed by ThemeFisher
 * https://themefisher.com/
 *
 */
-->


  </head>
  <body>


    <!-- Header Start -->
<header>
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <!-- header Nav Start -->
      <nav class="navbar navbar-default">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="/index.html">
              <img src="/img/logo.png" style="width:auto; height:100%" alt="Logo">
            </a>
          </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="/">Home</a></li>
                <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
                <li class="dropdown">
                  <a href="/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Services <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="/learning/pathways/">Learning Pathways</a></li>
                    <li><a href="/services/mentorship.html">Guided Mentorship</a></li>
                    <li><a href="/services/talent-development.html">Tron Node Buildout</a></li>
                  </ul>
                </li>
                <li class="dropdown">
                  <a href="/puckboard/" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Puckboard <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="/puckboard/">About Puckboard</a></li>
                    <li><a href="/puckboard/getstarted/">Get Started</a></li>
                    <li><a href="/p1/">Platform 1</a></li>
                  </ul>
                </li>
                <!-- <li><a href="/#service">Resources</a></li> -->
                <li class="dropdown">
                  <a href="/services/common-links.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Resources <span class="caret"></span></a>
                  <ul class="dropdown-menu">
                    <li><a href="/services/common-links.html">Common Links</a></li>
                    <li><a href="https://tron.substack.com/">Blog</a></li>
                    <li><a href="/contact/">Contact</a></li>
                  </ul>
                </li>
                <!-- <li><a href="/partners/">Partners</a></li> -->
                <!-- <li><a href="/blog/">Blog</a></li> -->
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>
      </div>
    </div>
  </div>
</header><!-- header close -->



    <section class="p1-cta">
    <div class="row">
        <div class="col-md-12" style="display: flex; justify-content: right;">
            <a class="btn btn-primary btn-lg video-hero-btn" href="#split1">Create P1 Account</a>
        </div>
    </div>
</section>

<section id="video-hero" class="white">
    <div id="video-hero-container-text">
        <div class="row">
            <div class="col-md-12">
                <h1>Get Started with Platform One and Mattermost</h1>
                <button class="btn btn-primary btn-lg" onclick="removeEl('video-hero-container-text')">Watch now</button>
            </div>
        </div>
    </div>
    <div id="video-hero-container">
        <iframe width="100%" height="740px" src="https://vimeo.com/showcase/8144814/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
</section>

<section id="split1" class="video altBgs">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="center">Get Started with P1 and Mattermost</h2>
                
            </div>
        </div>
        <div class="row">
           <hr> 
        </div>
        <div class="row padding">
            <div class="col-md-4">
                <h3>Mattermost</h3>
                <h4>Our communication platform.</h4>
                <p class="content-descriptor">MatterMost has become the gateway to bringing the Air Force into the 21st century. Communication is no longer an issue within your unit. MatterMost combines security and usability in order to get the job done. You can use your common access card or just a regular username/password/2way authenticator to access this tool. Keep your members informed, involved, and innovative with this application. Join us on our continuing journey of digital transformation.</p>
                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="/p1/#getstarted">Create P1 Account</a>
            </div>
            <div class="col-md-8">
                <div class="row>">
			<div class="iframe-container">
                <iframe class="embed-video" src="https://vimeo.com/showcase/8215297/embed" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
                
                <br><br><br>
                <a class="btn btn-default btn-lg visible-xs-inline-block visible-sm-inline-block" href="./resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
                
                
                <a class="btn btn-default btn-lg visible-xs-inline-block visible-sm-inline-block" href="./resources/MM_Onboarding_Guide_NonMobile.pdf">Onboarding Guide Non-Mobile</a>
                
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4">
                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="/p1/#getstarted">Create P1 Account</a>
            </div>
            <div class="col-md-8">
                
                <a class="btn btn-default btn-lg visible-md-inline-block visible-lg-inline-block" data-toggle="tooltip" data-placement="top" title="For those who need access to Mattermost on a mobile device" href="./resources/P1_Onboarding_Guide_Mobile.pptx">Onboarding Guide w/ Mobile</a>
                
                
                <a class="btn btn-default btn-lg visible-md-inline-block visible-lg-inline-block" data-toggle="tooltip" data-placement="top" title="For members who never anticipate using Mattermost on a mobile device (ie. AOC FMs)" href="./resources/MM_Onboarding_Guide_NonMobile.pdf">Onboarding Guide Non-Mobile</a>
                
            </div>
        </div>
    </div>
</section>

<section class="cta altBgs">
    <div class="container">
        <div class="row">
        <div class="col-md-6 col-sm-12">
            <h3>Questions?</h3>
            <h4>Read through our Frequently Asked Questions (FAQs)</h4>
        </div>
        <div class="col-md-6 col-sm-12">
            
            <a class="btn btn-primary btn-lg" href="/puckboard#faq">FAQs about Mattermost</a>
            
        </div>
        </div>
    </div>
</section>

<section id="main" class="altBgs">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1 class="center">Single Sign On Ecosystem</h1>
                <div class="header-descriptor">
                    <h3>Here at Tron, we partner with the Air Force’s Platform One (P1) organization as the foundation our apps are built on. Having mission apps with mobile access is possible because they live and operate within the P1’s architecture and security. The key to accessing Mattermost, or any other mission app on P1, is the Single Sign On (SSO). This allows you to work on any device with internet, using a single password. All of this is available to anyone with a .mil email and CAC card.</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <img class="img-responsive center-block" src="./images/ecosystem.png" alt="Platform One Ecosystem" style="width: 1200px;"/>
            </div>
        </div>
    </div>
</section>

<section class="cta" style="background-color: #98D4E6">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-sm-12">
          <h3>Still have Questions?</h3>
          <h4>Every Thursday, the Puckboard team hosts a live AMA to answer any questions and provide live training on Mattermost and Puckboard.</h4>
        </div>
        <div class="col-md-6 col-sm-12">
          <a class="btn btn-primary btn-lg" style="background-color: #F68720; border-color: #F68720;" href="https://www.zoomgov.com/j/1604796342?pwd%3DbVR3bklZZE1OZFFSY2diSjNMeXNDdz09&sa=D&source=calendar&ust=1612810707213000&usg=AOvVaw1zUaKr8amvJmVVUuC6Flis">Register</a>
        </div>
      </div>
    </div>
  </section>

<section class="resources altBgs">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2 class="center">Resources</h2>
                <div class="header-descriptor">
                    <h3>Resources for creating a PlatformOne account and gaining access to Mattermost and other mission apps.</h3>
                </div>
            </div>
        </div>
        <div class="row">
           <hr> 
        </div>
        <div class="row padding">
            
            <div class="col-md-4 center">
                <img class="img-responsive center-block" src="./images/mobile.svg" style="margin-bottom: 50px; height: 100px;"/>
                <h4>Command Post Resources</h4>
                <p class="content-descriptor">From CP troops, For CP troops. Best practices compiled from several MAF bases using mattermost for more than a year already.</p>
                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="./resources/MM_CONEMP_Attach 2.docx">Guide</a>
            </div>
            
            <div class="col-md-4 center">
                <img class="img-responsive center-block" src="./images/paper.svg" style="margin-bottom: 50px; height: 100px;"/>
                <h4>MatterMost User Tips</h4>
                <p class="content-descriptor">For members who never anticipate using Mattermost on a mobile device (ie. AOC FMs)</p>
                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="./resources/P1_MM_Training.pptx">Guide</a>
            </div>
            
            <div class="col-md-4 center">
                <img class="img-responsive center-block" src="./images/plane.svg" style="margin-bottom: 50px; height: 100px;"/>
                <h4>AMC/AOC CONEMP</h4>
                <p class="content-descriptor">The AMC & 618th AOC implementation CONEMP of Mattermost use for C2</p>
                <a class="btn btn-primary btn-lg visible-xs-inline-block visible-sm-inline-block" href="./resources/MM_CONEMP.docx">Guide</a>
            </div>
            
        </div>
        <div class="row no-padding-margin">
            
            <div class="col-md-4 center no-padding-margin">
                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="./resources/MM_CONEMP_Attach 2.docx">Guide</a>
            </div>
            
            <div class="col-md-4 center no-padding-margin">
                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="./resources/P1_MM_Training.pptx">Guide</a>
            </div>
            
            <div class="col-md-4 center no-padding-margin">
                <a class="btn btn-primary btn-lg visible-md-inline-block visible-lg-inline-block" href="./resources/MM_CONEMP.docx">Guide</a>
            </div>
            
        </div>
    </div>
</section>

<section class="video altBgs">
    <div class="container">
        
        <div class="row padding">
            <div class="col-md-5">
                <h3>Mattermost / Puckboard Integration</h3>
                <h4>Streamline operations. Instantly communicate with your crew.</h4>
                <p class="content-descriptor">The Mattermost / Puckboard integration was built by Airmen coders and is slated to be released very shortly! Soon you will be able to create Mattermost channels with your crew with the touch of a button, allowing you to communicate directly with the SARM and aircrew. Coming soon.</p>
                
            </div>
            <div class="col-md-7">
			<div class="iframe-container">
                <iframe class="embed-video" src="https://player.vimeo.com/video/514033742" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
				</div>
                
                
            </div>
        </div>
    </div>
</section>

<section id="getstarted" class="cta altBgs">
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-sm-12">
                <h3>Use the same P1 login to access your unit's schedule anywhere with Puckboard</h3>
                <h4>Get started today or contact us</h4>
            </div>
            <div class="col-md-6 col-sm-12">
                
                <a class="btn btn-primary btn-lg" href="/puckboard/">Get started with Puckboard</a>
                
            </div>
        </div>
    </div>
</section>









    <!-- footer Start -->
<footer>
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="footer-manu">
          <ul>
            <li><a href="/">Home</a></li>
            <!-- <li><a href="/portfolio/">Portfolio</a></li> -->
            <li><a href="/#service">Services</a></li>
            <li><a href="/puckboard/">Puckboard</a></li>
            <!-- <li><a href="/partners/">Partners</a></li> -->
            <!-- <li><a href="/blog/">Blog</a></li> -->
            <li><a href="https://tron.substack.com/">Blog</a></li>
            <li><a href="/contact/">Contact</a></li>
          </ul>
        </div>
      </div>
        <p>Site developed and maintained by <a href="/">Tron Gov</a>.  Portions of this site utilize <a href="http://www.themefisher.com">Themefisher</a> designs. All rights reserved.
        
        Icon by <a href="https://freeicons.io/profile/752">Mithun Raj</a> on <a href="https://freeicons.io">freeicons.io</a>
        
        </p>
      </div>
    </div>
  </div>
</footer>


    </body>
</html>

UNCLASSIFIED