PageSourceSearch

https://emit-beta-v2.replit.app/

html emit-beta-v2.replit.app collected 2026-10-03 03:49:58 UTC 37,786 bytes, 470 lines download raw bytes

1<!DOCTYPE html>
2<html>
3
4<head>
5  <meta charset="utf-8" />
6        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" />
7        <meta name="description" content="BLM Air Resources - Emissions Modeling and Inventory Tool" />
8        <meta name="author" content="Chad Meister, [email protected]" />
9        <title>EMIT-beta</title>
10        <link rel="shortcut icon" href="public/blm_logo.png" type="image/x-icon" />
11        
12        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" type="text/css" />
13        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900" type="text/css" />
14
15        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.min.css" type="text/css" />
16        <link rel="stylesheet" href="https://cdn.metroui.org.ua/v4/css/metro-icons.min.css" type="text/css" />
17        <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" type="text/css" />
18        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/icheck-material.min.css" type="text/css" /> <!-- just use quasar!!! -->
19        <link rel="stylesheet" href="style.css" type="text/css" />
20        
21        
21<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.min.js"></script>
21
22        
22<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-router.min.js"></script>
22
23        
23<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quasar.umd.min.js"></script>
23    
24
25        
25<script defer src="https://cdnjs.cloudflare.com/ajax/libs/particles.js/2.0.0/particles.min.js"></script>
25
26        
26<script defer src="https://cdnjs.cloudflare.com/ajax/libs/axios/1.0.0/axios.min.js"></script>
26
27        
28        
28<script defer src="https://www.gstatic.com/firebasejs/7.5.0/firebase-app.js"></script>
28
29        
29<script defer src="https://www.gstatic.com/firebasejs/7.5.0/firebase-firestore.js"></script>
29 
30        
30<script defer src="https://www.gstatic.com/firebasejs/7.5.0/firebase-auth.js"></script>
30
31        
31<script defer src="https://cdnjs.cloudflare.com/ajax/libs/lokijs/1.5.5/lokijs.min.js"></script>
31
32        
33        
33<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
33  
34        
34<script defer src="https://unpkg.com/[email protected]/dist/leaflet.js"></script>
34
35        
35<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/hashicon.umd.min.js"></script>
35
36        
36<script defer src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=AM_HTMLorMML-full.js"></script>
36
37        
37<script defer src="script.js"></script>
37
38    </head>
39    
40    <body id="body">
41        <div id="app">
42            <div v-cloak>
43                <router-view></router-view>
44            </div>
45        </div>
46
47        
48
49        
49<script type="text/x-template" id="landing">
50            <div>
51                <div class="blm-logo">
52                    <img src="public/blm_logo.png" style="width:120px;" alt="BLM Logo">
53                    <h5 style="display:inline-block;color:white;padding-left:15px;">
54                        <span class="stroke" style="font-weight:bold;color:white;">BUREAU OF LAND MANAGEMENT</span><br>
55                        <p style="font-size:20px;margin-top:4px;">Emissions Modeling Inventory Tool</p>
56                    </h5>
57                </div>
58                <div class="title tracking-in-expand" style="display:none;" id="title"><b>EMIT <small>&beta;</small></b></div>
59                <div class="landing">
60                    <div style="text-align:center;background-color:#ef4444;color:white;padding:10px;"> 
61                        <b>Sunset Notice:&nbsp;&nbsp; This app has reached end of service and will be permanently unavailable on 05/31/2026.<br/>
62                        Please use and bookmark the migrated version of EMIT at its new home on <a style="color:white" href="https://i-art.replit.app?migrate=true" target="_blank">iART</a></b> 
63                    </div>
64                    <div class="layer-bg layer" data-depth="0.10" data-type="parallax"><div id="particles-js"></div></div>
65                    <div class="layer" data-depth="0.20" data-type="parallax"><div class="moon"></div></div>
66                    <div class="layer-1 layer" data-depth="0.30" data-type="parallax"></div>
67                    <div class="layer-2 layer" data-depth="0.40" data-type="parallax"></div>
68                    <div class="layer" data-depth="0.60" data-type="parallax"></div> 
69                    <div class="layer-3 layer" data-depth="0.70" data-type="parallax">
70                        <div style="display:flex;justify-content:center;">
71                            <a-col span="1"><div class="arrows"><span></span></div></a-col>
72                        </div>
73                    </div>
74                    <div class="layer-4 layer" data-depth="1.00" data-type="parallax"></div>
75                </div>
76                <div class="scroll-section">
77                    <div class="login-animate fadeInUp" style="display:none;justify-content:center;">
78                        <a style="color:white;font-size:25px;margin-top:-40px;" href="https://i-art.replit.app?migrate=true" target="_blank">iART</a>
79                        <!--<q-form class="login-form q-gutter-md" @submit="login"> 
80                            <q-input dark dense outlined lazy-rules type="email" :rules="rules.username" v-model="username" placeholder="Username">
81                                <template v-slot:prepend>
82                                    <i class="mif-user"></i>
83                                </template>
84                            </q-input>
85                            <q-input class="login-input" dark dense outlined lazy-rules :rules="rules.passcode" :type="isPwd ? 'password' : 'text'" v-model="passcode" placeholder="Password"
86                                @keyup.native="checkCapslock"
87                                @blur="capsTooltip = false"
88                                @keyup.enter.native="login"
89                            >
90                                <template v-slot:prepend>
91                                    <i class="mif-unlock"></i>
92                                </template>
93                                <template v-slot:append>
94                                    <q-icon class="cursor-pointer" :name="isPwd ? 'visibility_off' : 'visibility'" @click="isPwd = !isPwd"></q-icon>
95                                </template>
96                            </q-input>
97
98                            <q-btn class="full-width login-btn" label="sign in" type="submit" color="primary"></q-btn>
99                            <a class="login-link cursor-pointer" style="float:right;" @click="confirm">Recover Password</a>
100                        </q-form>-->
101                    </div>
102                    <div class="login-animate fadeIn footer">
103                        <div class="foot-row">
104                            <div class="foot-block">
105                                <ul>
106                                    <li style="font-size:17px;margin-bottom:10px;">Links</li>
107                                    <li><a class="cursor-pointer href-link" href="https://emit-docs-v2.replit.app" target="_blank">
107Tech Doc and User's Guide</a></li>
108                                    <li><a class="cursor-pointer" @click="terms = true">Terms of Service and Use</a></li>
109                                    <li><a class="cursor-pointer" @click="privacy = true">Privacy Policy</a></li>
110                                    <li><a class="cursor-pointer" @click="emit.nav('dev')">Developer Notes</a></li>
111                                    <li><a class="cursor-pointer" @click="emit.nav('faq')">FAQ</a></li>
112                                </ul>
113                                <!--<ul>
114                                    <li style="font-size:17px;margin-bottom:10px;">Access</li>
115                                    <li><a class="cursor-pointer" @click="emit.nav('register')">Register for Account</a></li>
116                                    <li><a class="cursor-pointer" @click="guest">Use Guest Sign In</a></li>
117                                </ul>-->
118                            </div>
119                            
120                            <div class="foot-block">
121                                <ul>
122                                    <li style="font-size:17px;margin-bottom:10px;">Highlights</li>
123                                    <li style="padding:1px 0 2px 0">User Friendly Design</li>
124                                    <li style="padding:1px 0 2px 0">Comprehensive Emissions Calculations</li>
125                                    <li style="padding:1px 0 2px 0">Flexible Methodolgies</li>
126                                    <li style="padding:1px 0 2px 0">Default Datasets</li>
127                                    <li style="padding:1px 0 2px 0">Built-in Analysis Tools and Reporting</li>
128                                </ul>
129                            </div>
130                        </div>
131                        <div style="display:flex;justify-content:center;">
132                            <span class="fav">Made with &nbsp;<span class="mif-favorite mif-2x fg-pink"></span>&nbsp; by BLM CO, &copy; 2019</span>
133                        </div>
134                    </div>
135                </div>
136
137                <q-dialog v-model="resetDialog" persistent>
138                    <q-card>
139                        <q-toolbar>
140                            <q-avatar square><img src="public/blm_logo.png"></q-avatar>
141                            <q-toolbar-title>Password Confirmation</q-toolbar-title>
142                            <q-btn flat round dense icon="close" v-close-popup ></q-btn>
143                        </q-toolbar>
144                        <q-card-section>
145                            You MUST follow password naming conventions! See docs for more info. Continue?
146                        </q-card-section>
147                        <q-card-actions align="right">
148                            <q-btn text-color="grey-9" flat label="Cancel" v-close-popup></q-btn>
149                            <q-btn flat label="Confirm" color="primary" v-close-popup @click="resetPass"></q-btn>
150                        </q-card-actions>
151                    </q-card>
152                </q-dialog>
153
154                <q-dialog v-model="terms" persistent>
155                    <q-card>
156                        <q-toolbar>
157                            <q-avatar square>
158                                <img src="public/blm_logo.png" style="width:40px;" alt="BLM Logo">
159                            </q-avatar>
160                            <q-toolbar-title><span class="text-weight-bold">EMIT</span> Terms</q-toolbar-title>
161                            <q-btn flat round dense icon="close" v-close-popup></q-btn>
162                        </q-toolbar>
163                        <q-card-section>
164                            <p class="pre">This application (app) is designed to aid in the preparation of NEPA documents, specifically by facilitating streamlined methods for performing air resource 
165                                analysis, and is therefore intended to be used for <b>official business only</b>.</p>
166                            <p class="pre">This application is provided on an “as is”, “as available” basis without warranties of any kind, express or implied. The user assumes all 
167                                responsibility and risk for the use of this app and the internet generally.</p>
168                            <p class="pre">We accept no liability or responsibility to any person or organization as a consequence of any reliance upon the information contained in this app. 
169                                Under no circumstances, including negligence, shall anyone involved in creating or maintaining this app be liable for any direct, indirect, incidental, special or 
170                                consequential damages, or loss of profits that result from the use or inability to use the app and/or any other content which are linked within. Nor shall they be 
171                                liable for any such damages including, but not limited to, reliance by a member or visitor on any information obtained via the app; or that result from mistakes, 
172                                omissions, interruptions, deleti
172on of files, viruses, errors, defects, or failure of performance, communications failure, theft, destruction or unauthorized access.</p>
173                            <p class="pre">The administrator reserves the right to grant, deny, or terminate access to this application to any person or organization for any reason. <b>Accessing this 
174                                application implies express consent by the user for the terms of service and use</b>.</p>
175                        </q-card-section>
176                    </q-card>
177                </q-dialog>
178 
179                <q-dialog v-model="privacy" persistent>
180                    <q-card>
181                        <q-toolbar>
182                            <q-avatar square>
183                                <img src="public/blm_logo.png" style="width:40px;" alt="BLM Logo">
184                            </q-avatar>
185                            <q-toolbar-title><span class="text-weight-bold">EMIT</span> Privacy</q-toolbar-title>
186                            <q-btn flat round dense icon="close" v-close-popup></q-btn>
187                        </q-toolbar>
188
189                        <q-card-section>
190                            <p class="pre">We do not collect, and by extension share, any sensitive Personally Identifiable Information (PII) about application users.</p>
191                            <p class="pre">Non-sensitive PII is required for account registration and as appropriate, you may be asked to enter your name, the oranization you represent, your role and 
192                                contact information at that organization, and other preferences to help refine your user experience. Depending on your access level (role) and or preferences, 
193                                your account may be discoverable by other registered users.</p>
194                            <p class="pre">Individual projects are stored and accessed via account credentials. Users can choose to explicitly share their projects with other users on either a read-only or 
195                                fully editable basis. You will only have access to projects that you own or are shared with you, in addition to any system projects (default starting points, if defined 
196                                for any module or applicable to a particular geographic region).</p>
197                            <p class="pre">Project data used in NEPA analyses will become public via the authorizing document, although the format and specifics may differ from the raw data entry provided 
198                                in the application. Additionally, for certain projects, your data may be viewable by cooperating agencies during the NEPA review process.</p>
199                            <p class="pre">We do not use "cookies" to track users, although we do collect geo location data of users (at registration) for use in security protocols. We may also store
200                                your preferences and or session data in your browser's local storage.</p>
201                        </q-card-section>
202                    </q-card>
203                </q-dialog>
204            </div>          
205        </script>
205
206
207        
207<script type="text/x-template" id="register">
208            <div class="page-wrapper q-pa-xl">
209                <!-- <q-card class="bg-grey-3"> -->
210                    <div class="row justify-center">
211                        <div class="col-8">
212                            <h4 style="color:#909399;padding:5px 0 0;margin:20px 0 5px 0;">EMIT Registration
213                                <span style="float:right">
214                                    <q-btn type="info" plain @click="emit.nav(-1)"><i class="mif-home mif-lg"></i></q-btn>
215                                </span>
216                            </h4>
217                            <p style="color:#909399;">Register and start using EMIT for your next project today!</p>
218                        </div>
219                    </div>
220                    
221                    <div class="row justify-center">
222                        <q-stepper class="col-10 no-shadow color" animated active-color="green" done-color="light-blue" inactive-color="grey-6" style="background-color:transparent;" 
223                            :contracted="$q.screen.lt.lg" v-model="step">
224                            <q-step :name="0" :done="step > 0" title="Instructions">
225                                <div class="row" style="height:70vh">
226                                    <div class="col-2 self-center text-center"></div>
227                                    <div class="col-8" style="margin-top:5px;">
228                                        <p class="text-body q-pt-sm q-pb-md" style="font-family:Montserrat;font-size:20px;">Welcome to the EMIT registration page.</p>
229                                        <p class="text-body q-pb-md" style="font-family:Montserrat;font-size:16px;">Use the blue arrow buttons to navigate forward and back through the stepper elements.&nbsp; 
230                                            Complete all form elements with required information to advance to the next step.&nbsp; Step validation occurs for each step in the process, and missing or malformed 
231                                            information will prevent step advancement.</p>
232                                        <p class="text-body q-pb-md" style="font-family:Montserrat;font-size:16px;">When finished, close the browser tab you used to launch the EMIT application prior to your first 
233                                            login attempt (requires fresh tab).&nbsp; You will receive an e-mail containing a verification link to the address you supplied during the registration process.&nbsp; 
234                                            Verification must occur prior to your first login.&nbsp; In general, it should not take more than 15 minutes to receive the verification link.&nbsp; Due to the automated 
235                                            nature of this service, users are reminded to check their junk folders for the e-mail if they do not appear to have received a timely system response.</p>
236                                        <!--<p class="text-body q-pb-md" style="font-family:Montserrat;font-size:16px;">If you encounter any other issues during the registration process, please refer to the user's 
237                                            guide or contact the adminstrator at [email protected] or call 303-239-3949.</p> -->
238                                        <p class="text-body q-pb-md" style="font-family:Montserrat;font-size:16px;">Thank you!</p>
239                                    </div> 
240                                    <div class="col-2 self-center text-center">
241                                        <q-btn class="bg-light-blue text-grey-1" round @click="next"><i class="mif-chevron-thin-right"><i></q-btn>
242                                    </div> 
243                                </div>   
244                            </q-step> 
245                            <q-step :name="1" icon="account_circle" :done="step > 1" title="Enter User Information">
246                                <q-form class="row" style="height:70vh" @submit.prevent.stop="next">
247                                    <div class="col-2 self-center text-center">
248                                        <q-btn class="bg-light-blue text-grey-1" round @click="back"><i class="mif-chevron-thin-left"><i></q-btn>
249                                    </div>
250                                    <div class="col-8">
251                                        <div class="row q-col-gutter-x-xl q-col-gutter-y-sm">
252                                            <div class="col-12 label-col"><label class="form-label-header">Name</label></div>
253                                            <q-input class="col-6" outlined :error="errors[0]" v-model="user.fName" label="First">
254                                                <template v-slot:error>First name is required!</template>
255                                            </q-input> 
256                                            <q-input class="col-6" outlined :error="errors[1]" v-model="user.lName" label="Last">
257                                                <template v-slot:error>Last name is required!</template>
258                                            </q-input>
259
260                                            <div class="col-12 label-col"><label class="form-label-header">Employement Information</label></div>
261                                            <div class="col-12">
262                                                <label style="padding-right:30px;">Employer Type: </label>
263                                                <div class="q-gutter-sm" style="display:inline-block;transform:translate3d(0, -4px, 0);margin:2px 0 5px 0;">
264                                                    <q-radio v-model="employer_type" val="private" label="Private"></q-radio>
265                                                    <q-radio v-model="employer_type" val="government" label="Government"></q-radio>
266                                                </div>
267                                            </div>
268
269                                            <q-input class="col-6" outlined v-show="employer_type == 'private'" :error="errors[2]" v-model="user.affiliation" label="Organization Name">
270                                                <template v-slot:error>Employer name is required!</template>
271                                            </q-input>
272                                            <q-select class="col-6" outlined emit-value popup-content-class="sel-drop" v-if="employer_type == 'government'" :error="errors[2]" :options="agencies" v-model="user.affiliation" label="Agency">
273                                                <template v-slot:hint>Contact admin if your agency is NOT listed.</template>
274                                                <template v-slot:error>Agency name is required!</template>
275                                            </q-select>
276                                            <q-input class="col-6" outlined :error="errors[3]" v-model="user.title" label="Title or Position">
277                                                <template v-slot:error>Title is required!</template>
278                                            </q-input>
279                                                                                        
280                                            <div class="col-12 label-col" v-if="employer_type == 'government'"><label class="form-label-header">Agency Authorizations</label></div>
281                                            <div class="col-6" v-if="employer_type == 'government' && user.affiliation == 'BLM' && user.title !='Air Resource Specialist'">
282                                                <q-select outlined popup-content-class="sel-drop" :error="errors[6]" :options="states" v-model="user.state" label="Select Your State"></q-select>
283                                            </div>
284                                            <div class="col-6" v-if="employer_type == 'government' && user.affiliation == 'BLM' && user.title !='Air Resource Specialist'">
285                                                <q-select outlined multiple counter popup-content-class="sel-drop" :error="errors[7]" max-values="10" :options="fields" v-model="user.flds" label="Select Field Offices">
286                                                    <template v-slot:hint>Select Up to 10 field offices applicable to your position or duty station.</template>
287                                                    <template v-slot:error>At least one field office selection is required!</template>
288                                                </q-select>
289                                            </div>
290                                                
291                                            <div class="col-12" v-show="employer_type == 'government' && user.affiliation != 'BLM'">
292                                                <q-checkbox v-model="user.oversight" label="Check this box to request oversight access to projects as part of the NEPA process."></q-checkbox>
293                                            </div>
294
295                                            <div class="col-12 label-col"><label class="form-label-header">Contact Information</label></div>
296                                            <q-input class="col-6" outlined type="email" :error="errors[4]" v-model="user.email" label="E-mail Address">
297                                                <template v-slot:hint>This address will also be your acct. username.</template>
298                                                <template v-slot:error>E-mail address is required or may be malformed!</template>
299                                            </q-input> 
300                                            <q-input class="col-6" outlined type="tel" mask="(###) ### - #### #####" :error="errors[5]" v-model="user.phone" label="Phone">
301                                                <template v-slot:error>Phone number is required!</template>
302                                            </q-input> 
303                                        </div>
304                                    </div>
305                                    <div class="col-2 self-center text-center">
306                                        <q-btn class="bg-light-blue text-grey-1" round type="submit"><i class="mif-chevron-thin-right"></i></q-btn>
307                                    </div>
308                                </q-form>
309                            </q-step>
310
311                            <q-step :name="2" icon="done_all" :done="step > 2" title="Select Modules">
312                                <q-form class="row" style="height:70vh" @submit.prevent.stop="next">
313                                    <div class="col-2 self-center text-center">
314                                        <q-btn class="bg-light-blue text-grey-1" round @click="back"><i class="mif-chevron-thin-left"></i></q-btn>
315                                    </div>
316                                    <div class="col-8" style="margin-top:5px;">
317                                        <div class="row q-col-gutter-x-xl q-col-gutter-y-sm">
318                                            <div class="col-10">
319                                                <p class="text-body1">Select only the modules you need to access based on your job responsibilities.</p>
320                                            </div>
321                                            <div class="col-2">
322                                                <q-checkbox class="float-right" left-label v-model="all" @input="checkAll" label="Select All"></q-checkbox>
323                                            </div>
324                                            <div class="col-12 q-pa-md">
325                                                <q-list>
326                                                    <q-item v-for="(mod, indx) in modules">
327                                                        <q-item-section top avatar>
328                                                            <q-avatar square><img :src="mod.icon" /></q-avatar>
329                                                        </q-item-section>
330                                                
331                                                        <q-item-section>
332                                                            <q-item-label>{{ mod.label }}</q-item-label>
333                                                            <q-item-label caption lines="1" v-html="mod.subtitle"></q-item-label>
334                                                        </q-item-section>   
335
336                                                        <q-item-section side top>
337                                                            <q-checkbox v-model="user.modules[indx]"></q-checkbox>
338                                                        </q-item-section>
339                                                    <q-item>
340                                                </q-list>
341                                            </div>
342                                        </div>
343                                    </div> 
344                                    <div class="col-2 self-center text-center">
345                                        <q-btn class="bg-light-blue text-grey-1" round @click="next"><i class="mif-chevron-thin-right"></i></q-btn>
346                                    </div> 
347                                </q-form>                            
348                            </q-step>
349
350                            <q-step :name="3" icon="assignment" :done="step > 3" title="Review User Roles">
351                                <div class="row" style="height:70vh">
352                                    <div class="col-2 self-center text-center">
353                                        <q-btn class="bg-light-blue text-grey-1" round @click="back"><i class="mif-chevron-thin-left"></i></q-btn>
354                                    </div>
355                                    <div class="col-8" style="margin-top:5px;">
356                                        <p style="margin-top:30px;">You will be indentified as an &nbsp;<b>{{ role.toUpperCase() }}</b>&nbsp; user with the following privledges:</p>
357                                        <ul class="roles-list">
358                                            <li>Create and manage your own projects</li>
359                                            <li>Share projects you own with other users</li>
360                                            <li>Restrict read or write access to your shared projects</li>
361                                            <li v-if="employer_type == 'government' && user.affiliation == 'BLM'">
362                                                Provide oversight (review, accept, reject) for selected module projects submitted for your region of responsibility
363                                            </li>
364                                            <li v-if="employer_type == 'government' && user.affiliation == 'BLM'">
365                                                Provide comments on pre-decisional projects for NEPA purposes
366                                            </li>
367                                            <li v-if="user.oversight == true">Review pre-decisional projects marked for agency review for NEPA purposes</li>
368                                            <li v-if="user.oversight == true">
369                                                Provide informal comments on pre-decisional projects for NEPA purposes
370                                            </li>
371                                            <li>
371Import default datasets to speed project data development and analysis.</li>
372                                            <li>Develop modeling scenarios for projects as applicable ...</li>
373                                            <li>View reports for loaded module data as applicable ...</li>
374                                            <li>View pre-configured database queries for aggregate data based on your role (future development)</li>
375                                        </ul>
376                                    </div> 
377                                    <div class="col-2 self-center text-center">
378                                        <q-btn class="bg-light-blue text-grey-1" round @click="next"><i class="mif-chevron-thin-right"></i></q-btn>
379                                    </div> 
380                                </div>   
381                            </q-step>
382
383                            <q-step :name="4" icon="https" :done="step > 4" title="Enter Account Password">
384                                <q-form class="row" style="height:70vh" @submit.prevent.stop="next">
385                                    <div class="col-2 self-center text-center">
386                                        <q-btn class="bg-light-blue text-grey-1" round @click="back"><i class="mif-chevron-thin-left"></i></q-btn>
387                                    </div>
388                                    <div class="col-8" style="margin-top:5px;">
389                                        <div class="row q-col-gutter-x-xl q-col-gutter-y-sm">
390                                            <p style="margin-top:30px;">Password specification: 8-12 charaters, no spaces, and 1 each of the following - upper, lower, numeric, special.</p>
391                                            <div class="col-12 label-col"><label class="form-label-header">Account Password</label></div>
392                                            <q-input class="col-6" outlined :error="errors[8]" v-model="user.passcode" label="Password">
393                                                <template v-slot:error>{{ passError }}</template>
394                                            </q-input> 
395                                            <q-input class="col-6" type="password" bottom-slots outlined v-model="match" label="Re-enter Password"></q-input>
396                                            <div class="col-12 q-mt-lg">
397                                                <q-btn class="bg-light-blue text-grey-1" type="submit" label="register"></q-btn>
398                                            </div>
399                                        </div>
400                                    </div>  
401                                </q-form>
402                            </q-step>                                
403                        </q-stepper>
404                    </div>
405                <!-- </q-card> -->
406            </div>
407        </script>
407
408
409        
409<script type="text/x-template" id="dev_notes">
410            <div class="page-wrapper q-pa-lg notes">
411                
412                    <div class="row justify-center" style="margin-left:80px;">
413                        <div class="col-10">
414                            <h4 class="head-sticky" style="color:#909399;margin-bottom:45px;padding-left:283px;">EMIT Developer Notes
415                                <span style="float:right">
416                                    <q-btn type="info" plain @click="emit.nav(-1)"><i class="mif-home mif-lg"></i></q-btn>
417                                </span>
418                            </h4>
419
420                            <q-splitter v-model="splitter" :limits="[18, 18]" style="height:80vh">
421                                <template v-slot:before>
422                                    <q-tabs class="text-teal" vertical v-model="tab">
423                                        <q-tab v-for="(tab, indx) in tabs" :name="'indx_'+indx" :label="tab" @click="loadNote(indx)"></q-tab>
424                                    </q-tabs>
425                                </template>
426                                <template v-slot:after>
427                                    <q-tab-panels class="tab-notes" animated transition-prev="jump-up" transition-next="jump-up" v-model="tab">
428                                        <q-tab-panel v-for="(tab, indx) in tabs" :name="'indx_'+indx">
429                                            <div>
430                                                <span style="margin-bottom:10px;font-style:italic;">{{ tabNotes.date.substring(0, 10) }}</span><br><br>
431                                                <div class="indent" v-html="tabNotes.desc"></div>
432                                            </div>
433                                        </q-tab-panel>
434                                    </q-tab-panels>
435                                </template>
436                            </q-splitter>
437                        </div>
438                        <div class="col-2" style="color:transparent">-</div>
439                    </div>
440                
441            </div>
442        </script>
442
443
444        
444<script type="text/x-template" id="faq">
445            <div class="page-wrapper q-pa-lg notes">
446                
447                    <div class="row justify-center">
448                        <div class="col-10">
449                            <h4 class="head-sticky" style="color:#909399;margin-bottom:45px;">Frequently Asked Questions
450                                <span style="float:right">
451                                    <q-btn type="info" plain @click="emit.nav(-1)"><i class="mif-home mif-lg"></i></q-btn>
452                                </span>
453                            </h4>
454                        </div>
455                        <div class="col-10" style="height:80vh;overflow-y:scroll;padding-right:30px;">
456                            <template v-for="faq in faqs">
457                                <div>
458                                    <h6 class="text-grey-9" style="margin-bottom:20px;">{{ faq.q }}</h6>
459                                    <div class="text-body q-pb-lg" style="font-family:Montserrat;font-size:17px;">{{ faq.a }}</div>
460                                </div>
461                            </template>
462                        </div>
463                    </div>
464                
465            </div>
466        </script>
466
467        
468        <iframe style="display:none;" src="/routes.html" onload="this.before((this.contentDocument.body||this.contentDocument).children[0]);this.remove()"></iframe>
469    </body>   
470</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.