1+ <!--
2+ ______ _ _ _ _
3+ | ___ (_) | | | | (_)
4+ | |_/ /_ ___| |_ __ _ ___| |__ _ ___
5+ | __/| / __| __/ _` |/ __| '_ \| |/ _ \
6+ | | | \__ | || (_| | (__| | | | | (_) |
7+ \_| |_|___/\__\__,_|\___|_| |_|_|\___/
8+ _____ _ _ _
9+ / ___| | | (_)
10+ \ `--.| |_ _ _ __| |_ ___
11+ `--. | __| | | |/ _` | |/ _ \
12+ /\__/ | |_| |_| | (_| | | (_) |
13+ \____/ \__|\__,_|\__,_|_|\___/
14+ -->
15+
16+ <!DOCTYPE html>
17+
18+ < head >
19+ <!-- Google tag (gtag.js) -->
20+ < script async src ="https://www.googletagmanager.com/gtag/js?id=G-5W20EVMG6T "> </ script >
21+ < script >
22+ window . dataLayer = window . dataLayer || [ ] ;
23+ function gtag ( ) { dataLayer . push ( arguments ) ; }
24+ gtag ( 'js' , new Date ( ) ) ;
25+ gtag ( 'config' , 'G-5W20EVMG6T' ) ;
26+ </ script >
27+
28+ < meta charset ="utf-8 " />
29+ <!-- TITLE & META DESCRIPTION -->
30+ < title > {{title}}</ title >
31+ < meta name =”description“ content ="@description " />
32+ <!-- SNS LINK PREVIEW METADATA OGP -->
33+ < meta property ="og:type " content ="website " />
34+ < meta property ="og:title " content ="Pistachio Studio " />
35+ < meta property ="og:description " content ="Neighborhood recording crew Kngw, Japan. " />
36+ < meta property ="og:url " content ="https://pistachiostudio.net/ " />
37+ < meta property ="og:image " content ="https://pistachiostudio.net/og_image_banana_maru.png " />
38+ <!-- FAVICON MAY BE NEED ABSOLUTE PATH -->
39+ < link rel ="icon " sizes ="16x16 " href ="favicon.ico " />
40+ < link rel ="icon " sizes ="32x32 " href ="favicon.ico " />
41+ < link rel ="icon " sizes ="48x48 " href ="favicon.ico " />
42+ < link rel ="apple-touch-icon " href ="apple-touch-icon.png " />
43+ < link rel ="manifest " href ="manifest.json " />
44+ <!-- CSS IMPORT -->
45+ < link rel ="stylesheet " href ="css/mforblue_vhs.css " />
46+ < link rel ="stylesheet " href ="css/mforblue_style.css " />
47+ < link rel ="stylesheet " href ="css/dot/cc_cat_dot_mforblue.css " />
48+ <!-- GOOGLE FONT IMPORT FROM CDN -->
49+ < link href ="https://fonts.googleapis.com/css2?family=VT323&display=swap " rel ="stylesheet " />
50+ <!-- VIEWPORT FOR RESPONSIVE -->
51+ < meta name ="viewport " content ="width=device-width " />
52+ </ head >
53+
54+ < body >
55+
56+ <!-- BACKGROUND LINE NOISE -->
57+ < div class ="lines "> </ div >
58+
59+ <!-- LEFT TOP DOT ICON, IF YOU WANT EDIT SEE "dot.css" -->
60+ < div class ="cc_cat_dot_mforblue "> </ div >
61+
62+
63+ <!-- MAIN RGB NOISE -->
64+ < div class ="main ">
65+ < div class ="noise "> </ div >
66+ < div class ="vhs ">
67+
68+ <!-- TOP INFORMATION -->
69+ < div class ="doggo "> *</ div >
70+ < span class ="typew "> Theme: Meditation for blue</ span >
71+
72+ </ span >
73+
74+ < h1 >
75+ < a id ="title " href ="/ "> Pistachio Studio!</ a >
76+ </ h1 >
77+
78+ <!-- @CONTENTS -->
79+ {{{contents}}}
80+ <!-- /@CONTENTS -->
81+
82+ <!-- JQUERY IMPORT FROM CDN HOSTED BY GOOGLE -->
83+ < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js "> </ script >
84+
85+ <!-- TYPEWRITER EFFECT JS IMPORT -->
86+ < script src ="./js/t.js "> </ script >
87+ <!-- <script src="https://pistachiostudio.github.io/pistachio-on-vss/js/t.js"></script> -->
88+
89+ <!-- H2 CLASS "typek" TYPEWRITER EFFECT SETTINGS -->
90+ < script >
91+ $ ( function ( ) {
92+ $ ( ".typek" ) . t ( {
93+ caret : '<span style="color:pink;">•</span>' ,
94+ speed : 25 ,
95+ beep : false ,
96+ mistype : 10 ,
97+ locale : "en" ,
98+ speed_vary : true ,
99+ blink : true ,
100+ delay : 1.4 ,
101+ } ) ;
102+ } ) ;
103+ </ script >
104+
105+ <!-- SPAN CLASS "typew" TYPEWRITER EFFECT SETTINGS
106+ (TOP MESSAGE) -->
107+ < script >
108+ $ ( function ( ) {
109+ $ ( ".typew" ) . t ( {
110+ caret : '<span style="color:pink;">]</span>' ,
111+ speed : 10 ,
112+ beep : false ,
113+ mistype : false ,
114+ locale : "en" ,
115+ speed_vary : true ,
116+ blink : true ,
117+ delay : 0.1 ,
118+ } ) ;
119+ } ) ;
120+ </ script >
121+
122+ <!-- FOOTER & COPYRIGHT SCRIPT -->
123+ < div class ="footer ">
124+ Acknowledgments: < a href ="https://github.com/veltiosoft/vss " target ="_blank "> VSS</ a > ,
125+ < a href ="https://mntn-dev.github.io/t.js/ " target ="_blank "> t.js</ a > ,
126+ < a href ="https://codepen.io/pbitos/pen/zypwVr " target ="_blank "> VHS Retro</ a > ,
127+ < a href ="https://fontawesome.com/ " target ="_blank "> Font Awesome</ a > </ br >
128+ GitHub repository: < a href ="https://github.com/pistachiostudio/pistachio-on-vss "
129+ target ="_blank "> pistachio-on-vss</ a > </ br >
130+ Hosted by: < a href ="https://pages.github.com/ " target ="_blank "> GitHub Pages</ a > </ br >
131+ < script type ="text/javascript ">
132+ var today = new Date ( ) ;
133+ var y = today . getFullYear ( ) ;
134+ document . write ( "© 2005-" + y + " Pistachio Studio" ) ;
135+ </ script >
136+ </ div >
137+
138+ </ div >
139+ </ div >
140+ </ body >
0 commit comments