// - ĠTODO ĠCorrect Ġthe Ġrelative Ġpath Ġto Ġ" node _ modules " Ġand Ġremove Ġthis Ġcomment Ċ extends ĠREL ATIVE / PATH / TO / node _ modules /@ y am ato - da i wa / frontend / Pages Templates / Regular Web Page . pug Ċ Ċ // - ĠOr : Ċ // - ĠTODO ĠCorrect Ġthe Ġrelative Ġpath Ġto Ġyour Ġlayout Ġ( extended Ġfrom Ġ" Regular Web Page . pug ") Ġand Ġremove Ġthis Ġcomment Ċ extends ĠREL ATIVE / PATH / TO / 0 0 - Components / Shared Sing letons / Layouts / Main / Main Layout . pug ĊĊ Ċ block Ġappend ĠMetadata ĊĊĠ Ġ- ĊĊĠĠĠ ĠHTML _ PAGE _ LANGUAGE Ġ= Ġ" en "; Ġ Ġ// ĠTODO ĠSpecify Ġthe Ġcode Ġof Ġyour Ġlanguage Ġ( see Ġhttps :// www . w 3 sch ools . com / tags / ref _ language _ codes . asp ) Ġand Ġremove Ġthis Ġcomment ĠĊĠĠĠ ĠHTML _ PAGE _ TITLE Ġ= Ġ" Top Ġpage Ġ- ĠYou Ġgreat Ġweb Ġsite / application "; ãĢĢ ãĢĢ // ĠTODO ĠEdit Ġthe Ġtitle Ġof Ġyour Ġpage Ġand Ġremove Ġthis Ġcomment ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġmeta Ġof Ġyour Ġpage Ġor Ġremove Ġit Ġyou Ġdon 't Ġneed Ġthe ĠSearch ĠEngine ĠOptimization Ġfor Ġnow . ĊĠĠĠ ĠHTML _ Page MetaData Ġ= Ġ{ ĊĠĠĠĠĠ Ġdescription : Ġ" The Ġintroduction Ġof Ġsed ans Ġof ĠN NN Ġcompany ", ĊĠĠĠĠĠ Ġkeywords : Ġ" NN N , Ġsed an ", ĊĠĠĠĠĠ Ġauthor : Ġ" NN N Ġcompany " ĊĠĠĠ Ġ}; ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġpath Ġto Ġyour Ġfav icon Ġand Ġremove Ġthis Ġcomment ĊĠĠĠ ĠF AV ICON _ URI Ġ= Ġ" PATH / TO / FA V ICON / FILE / favicon . ico " ĊĊĠĠĠ Ġ// ĠTODO ĠCorrect Ġthe Ġpath Ġto ĠAMP Ġversion Ġof Ġthis Ġpage Ġor Ġremove Ġit Ġif Ġno ĠAMP Ġversion Ġplanned Ġfor Ġthis Ġpage ĊĠĠĠ ĠPAGE _ AMP _ VERSION _ URI Ġ= Ġ" AMP _ Version . html " ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġpath Ġto Ġyour Ġstylesheet ( s ) Ġand Ġremove Ġthis Ġcomment ĊĠĠĠ Ġstyle Sheet s UR Is Ġ= Ġ[ Ġ"./ Top Page . css ", Ġ" Other Style sheet . css " Ġ]; ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġpath Ġto Ġyour Ġscripts ( s ) Ġwhich Ġmust Ġbe Ġadded Ġto Ġend Ġof Ġthe Ġhead Ġor Ġremove Ġit Ġif Ġno Ġsuch Ġscripts ĊĠĠĠ Ġscripts UR Is . end Of Head Ġ= Ġ[ Ġ" Script 1 . js ", Ġ" Script 2 . js " Ġ] ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġpath Ġto Ġyour Ġscripts ( s ) Ġwhich Ġmust Ġbe Ġadded Ġto Ġend Ġof Ġthe Ġbody Ġor Ġremove Ġit Ġif Ġno Ġsuch Ġscripts ĊĠĠĠ Ġscripts UR Is . end Of Body Ġ= Ġ[ Ġ" Top Page . js ", Ġ" Script 3 . js " Ġ] ĊĊ Ċ block Ġappend ĠData ĊĊĠ Ġ- ĊĊĠĠĠ Ġ// ĠTODO Ġadd Ġsome Ġdata Ġ( actual Ġor Ġmock ) Ġor Ġinclude Ġit Ġfrom Ġexternal Ġfile Ġto Ġthis Ġblock , Ġor Ġremove Ġthis Ġblock Ġit Ġyou Ġdon 't Ġneed Ġthe Ġdata ĊĠĠĠ Ġconst Ġmock Data Ġ= Ġ{}; ĊĊ Ċ block Ġappend ĠRequirements ĊĊĠ Ġ// - ĠTODO ĠInclude Ġfiles Ġwith Ġmixins Ġhere Ġand Ġremove Ġthis Ġcomment ĊĠ Ġinclude ĠREL ATIVE / PATH / TO / 0 0 - Components / Components . pug ĊĊĠ Ġinclude Ġ_ Partial s / Partial 1 / Partial 1 . pug ĊĠ Ġinclude Ġ_ Partial s / Partial 2 / Partial 2 . pug ĊĊ Ċ block Ġappend ĠStates Sim ulations ĊĊĠ Ġ- ĊĊĠĠĠ Ġ// ĠTODO ĠEdit Ġthe Ġstate Ġsimulations Ġactual Ġfor Ġyour Ġpage Ġand Ġremove Ġthis Ġcomment . ĊĠĠĠ Ġconst ĠTop Page State Sim ulations Ġ= Ġ{ ĊĠĠĠĠĠ Ġloading : Ġfalse , ĊĠĠĠĠĠ Ġerror : Ġfalse , ĊĠĠĠĠĠ Ġno Data : Ġfalse , ĊĠĠĠĠĠ Ġsimulate Loading State () Ġ{ Ġthis . loading Ġ= Ġtrue ; Ġ}, ĊĠĠĠĠĠ Ġsimulate Error State () Ġ{ Ġthis . error Ġ= Ġtrue ; Ġ}, ĊĠĠĠĠĠ Ġsimulate No Data State () Ġ{ Ġthis . no Data Ġ= Ġtrue ; Ġ} ĊĠĠĠ Ġ} ĊĊ Ċ block Ġappend ĠHead Begin ĊĊĠ Ġ// - ĠTODO ĠYou Ġcan Ġadd Ġsomething Ġin Ġthe Ġbegin Ġof Ġthe ĠHTML Ġhead , Ġbut Ġmake Ġsure Ġthat Ġyou Ġare Ġunderstanding Ġwhat Ġyou Ġare Ġdoing ĊĊ Ċ block Ġappend ĠStyles Links ĊĊĠ Ġ// - ĠTODO ĠYou Ġcan Ġdeclare Ġthe Ġinternal Ġstyles Ġhere ĊĊ Ċ block Ġappend ĠHead Scripts Links ĊĊĠ Ġ// - ĠTODO ĠYou Ġcan Ġadd Ġinternal Ġscripts Ġhere Ġ( for Ġexample , ĠGoogle ĠAnalytics âĦ ¢ ) Ġbut Ġif Ġpossible Ġadd Ġthem Ġto Ġthe Ġend Ġof Ġbody Ġinstead ĊĊ Ċ block Ġappend ĠPage Content ĊĊĠ Ġ// - ĠĊĠĠĠ ĠTODO ĠIf Ġthis Ġpage Ġextended Ġfrom Ġsome Ġlayout , Ġmaybe Ġyou Ġneed Ġto Ġappend Ġthe Ġmarkup Ġto Ġother Ġblock Ġinstead Ġof Ġ" Page Content " ĊĠĠĠ Ġdeclared Ġinside Ġ` Page Content ` Ġin Ġlayout Ġfile ĊĊĠ Ġ// - ĠTODO ĠFill Ġyour Ġpage Ġwith Ġtarget ĠHTML Ġcode Ġ( in ĠP ug Ġsyntax , Ġof Ġcourse ). ĊĠ Ġ+ Partial 1 . Top Page - Partial 1 ĊĠ Ġ+ Partial 2 . Top Page - Partial 2 ĊĊ Ċ block Ġappend ĠEnd Body Scripts Links ĊĊĠ Ġ// - ĠTODO ĠYou Ġcan Ġadd Ġmore Ġscripts Ġhere Ġif Ġ` scripts UR Is . end Of Body ` Ġwas Ġnot Ġenough Ġfor Ġsome Ġreason Ċ