1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7+ < title > straight-code</ title >
8+ < link rel ="stylesheet " href ="../website/styles.css " />
9+ < link rel ="stylesheet " href ="../website/card.css " />
10+ < link rel ="stylesheet " href ="../website/blog.css " />
11+ < link href ="../../assets/straight-code.png " rel ="shortcut icon ">
12+ </ head >
13+ < body >
14+
15+ < section class ="nav ">
16+ < div id ="particles-js ">
17+
18+ < h3 class ="span loader ">
19+ < span class ='m '> S</ span >
20+ < span class ='m '> T</ span >
21+ < span class ='m '> R</ span >
22+ < span class ='m '> A</ span >
23+ < span class ='m '> I</ span >
24+ < span class ='m '> G</ span >
25+ < span class ='m '> H</ span >
26+ < span class ='m '> T</ span >
27+ < span class ='m '> </ span >
28+ < span class ='m '> C</ span >
29+ < span class ='m '> O</ span >
30+ < span class ='m '> D</ span >
31+ < span class ='m '> E</ span >
32+ < span class ='m '> </ span >
33+ < span class ='m '> B</ span >
34+ < span class ='m '> L</ span >
35+ < span class ='m '> O</ span >
36+ < span class ='m '> G</ span >
37+ < span class ='m '> !</ span >
38+
39+ </ h3 >
40+ </ div >
41+
42+ </ section >
43+
44+ < main class ="main ">
45+ < br />
46+ < svg display ="none " version ="1.1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink ">
47+ < defs >
48+ < symbol id ="icon-bubble " viewBox ="0 0 1024 1024 ">
49+ < title > bubble</ title >
50+ < path class ="path1 " d ="M512 224c8.832 0 16 7.168 16 16s-7.2 16-16 16c-170.464 0-320 89.728-320 192 0 8.832-7.168 16-16 16s-16-7.168-16-16c0-121.408 161.184-224 352-224zM512 64c-282.784 0-512 171.936-512 384 0 132.064 88.928 248.512 224.256 317.632 0 0.864-0.256 1.44-0.256 2.368 0 57.376-42.848 119.136-61.696 151.552 0.032 0 0.064 0 0.064 0-1.504 3.52-2.368 7.392-2.368 11.456 0 16 12.96 28.992 28.992 28.992 3.008 0 8.288-0.8 8.16-0.448 100-16.384 194.208-108.256 216.096-134.88 31.968 4.704 64.928 7.328 98.752 7.328 282.72 0 512-171.936 512-384s-229.248-384-512-384zM512 768c-29.344 0-59.456-2.24-89.472-6.624-3.104-0.512-6.208-0.672-9.28-0.672-19.008 0-37.216 8.448-49.472 23.36-13.696 16.672-52.672 53.888-98.72 81.248 12.48-28.64 22.24-60.736 22.912-93.824 0.192-2.048 0.288-4.128 0.288-5.888 0-24.064-13.472-46.048-34.88-56.992-118.592-60.544-189.376-157.984-189.376-260.608 0-176.448 200.96-320 448-320 246.976 0 448 143.552 448 320s-200.992 320-448 320z "> </ path >
51+ </ symbol >
52+ < symbol id ="icon-star " viewBox ="0 0 1024 1024 ">
53+ < title > star</ title >
54+ < path class ="path1 " d ="M1020.192 401.824c-8.864-25.568-31.616-44.288-59.008-48.352l-266.432-39.616-115.808-240.448c-12.192-25.248-38.272-41.408-66.944-41.408s-54.752 16.16-66.944 41.408l-115.808 240.448-266.464 39.616c-27.36 4.064-50.112 22.784-58.944 48.352-8.8 25.632-2.144 53.856 17.184 73.12l195.264 194.944-45.28 270.432c-4.608 27.232 7.2 54.56 30.336 70.496 12.704 8.736 27.648 13.184 42.592 13.184 12.288 0 24.608-3.008 35.776-8.992l232.288-125.056 232.32 125.056c11.168 5.984 23.488 8.992 35.744 8.992 14.944 0 29.888-4.448 42.624-13.184 23.136-15.936 34.88-43.264 30.304-70.496l-45.312-270.432 195.328-194.944c19.296-19.296 25.92-47.52 17.184-73.12zM754.816 619.616c-16.384 16.32-23.808 39.328-20.064 61.888l45.312 270.432-232.32-124.992c-11.136-6.016-23.424-8.992-35.776-8.992-12.288 0-24.608 3.008-35.744 8.992l-232.32 124.992 45.312-270.432c3.776-22.56-3.648-45.568-20.032-61.888l-195.264-194.944 266.432-39.68c24.352-3.616 45.312-18.848 55.776-40.576l115.872-240.384 115.84 240.416c10.496 21.728 31.424 36.928 55.744 40.576l266.496 39.68-195.264 194.912z "> </ path >
55+ </ symbol >
56+ </ defs >
57+ </ svg >
58+
59+ < div class ="blog-container ">
60+
61+ < div class ="blog-header ">
62+ < div class ="blog-cover ">
63+ < div class ="blog-author ">
64+ < h3 > straight-code</ h3 >
65+ </ div >
66+ </ div >
67+ </ div >
68+
69+ < div class ="blog-body ">
70+ < div class ="blog-title ">
71+ < h1 > < a href ="# "> I Like To Make Cool Things</ a > </ h1 >
72+ </ div >
73+ < div class ="blog-summary ">
74+ < p > I love working on fresh designs that breathe.
75+ To that end, I need to freshen up my portfolio here because it does exactly the opposite.
76+ For the next month I will be working almost exclusively on my portfolio.
77+ Sounds like a lot of fun!</ p >
78+ </ div >
79+ < br />
80+ < div class ="blog-tags ">
81+ < ul >
82+ < li > < a href ="# "> CSS</ a > </ li >
83+ < li > < a href ="# "> Web Design</ a > </ li >
84+ < li > < a href ="# "> Web DeVELOP</ a > </ li >
85+ < li > < a href ="https://github.com/straight-code "> GitHub</ a > </ li >
86+ < li > < a href ="https://twitter.com/straight_code28 "> twitter</ a > </ li >
87+
88+
89+
90+ </ ul >
91+ </ div >
92+ </ div >
93+ < br />
94+ < div class ="blog-footer ">
95+ < ul >
96+ < li class ="published-date "> 3 days ago</ li >
97+ < li class ="comments "> < a href ="# "> < svg class ="icon-bubble "> < use xlink:href ="#icon-bubble "> </ use > </ svg > < span class ="numero "> 0</ span > </ a > </ li >
98+ < li class ="shares "> < a href ="# "> < svg class ="icon-star "> < use xlink:href ="#icon-star "> </ use > </ svg > < span class ="numero "> 1</ span > </ a > </ li >
99+ </ ul >
100+ </ div >
101+ < br />
102+ < br />
103+ < br />
104+
105+
106+ < svg display ="none " version ="1.1 " xmlns ="http://www.w3.org/2000/svg " xmlns:xlink ="http://www.w3.org/1999/xlink ">
107+ < defs >
108+ < symbol id ="icon-bubble " viewBox ="0 0 1024 1024 ">
109+ < title > bubble</ title >
110+ < path class ="path1 " d ="M512 224c8.832 0 16 7.168 16 16s-7.2 16-16 16c-170.464 0-320 89.728-320 192 0 8.832-7.168 16-16 16s-16-7.168-16-16c0-121.408 161.184-224 352-224zM512 64c-282.784 0-512 171.936-512 384 0 132.064 88.928 248.512 224.256 317.632 0 0.864-0.256 1.44-0.256 2.368 0 57.376-42.848 119.136-61.696 151.552 0.032 0 0.064 0 0.064 0-1.504 3.52-2.368 7.392-2.368 11.456 0 16 12.96 28.992 28.992 28.992 3.008 0 8.288-0.8 8.16-0.448 100-16.384 194.208-108.256 216.096-134.88 31.968 4.704 64.928 7.328 98.752 7.328 282.72 0 512-171.936 512-384s-229.248-384-512-384zM512 768c-29.344 0-59.456-2.24-89.472-6.624-3.104-0.512-6.208-0.672-9.28-0.672-19.008 0-37.216 8.448-49.472 23.36-13.696 16.672-52.672 53.888-98.72 81.248 12.48-28.64 22.24-60.736 22.912-93.824 0.192-2.048 0.288-4.128 0.288-5.888 0-24.064-13.472-46.048-34.88-56.992-118.592-60.544-189.376-157.984-189.376-260.608 0-176.448 200.96-320 448-320 246.976 0 448 143.552 448 320s-200.992 320-448 320z "> </ path >
111+ </ symbol >
112+ < symbol id ="icon-star " viewBox ="0 0 1024 1024 ">
113+ < title > star</ title >
114+ < path class ="path1 " d ="M1020.192 401.824c-8.864-25.568-31.616-44.288-59.008-48.352l-266.432-39.616-115.808-240.448c-12.192-25.248-38.272-41.408-66.944-41.408s-54.752 16.16-66.944 41.408l-115.808 240.448-266.464 39.616c-27.36 4.064-50.112 22.784-58.944 48.352-8.8 25.632-2.144 53.856 17.184 73.12l195.264 194.944-45.28 270.432c-4.608 27.232 7.2 54.56 30.336 70.496 12.704 8.736 27.648 13.184 42.592 13.184 12.288 0 24.608-3.008 35.776-8.992l232.288-125.056 232.32 125.056c11.168 5.984 23.488 8.992 35.744 8.992 14.944 0 29.888-4.448 42.624-13.184 23.136-15.936 34.88-43.264 30.304-70.496l-45.312-270.432 195.328-194.944c19.296-19.296 25.92-47.52 17.184-73.12zM754.816 619.616c-16.384 16.32-23.808 39.328-20.064 61.888l45.312 270.432-232.32-124.992c-11.136-6.016-23.424-8.992-35.776-8.992-12.288 0-24.608 3.008-35.744 8.992l-232.32 124.992 45.312-270.432c3.776-22.56-3.648-45.568-20.032-61.888l-195.264-194.944 266.432-39.68c24.352-3.616 45.312-18.848 55.776-40.576l115.872-240.384 115.84 240.416c10.496 21.728 31.424 36.928 55.744 40.576l266.496 39.68-195.264 194.912z "> </ path >
115+ </ symbol >
116+ </ defs >
117+ </ svg >
118+
119+ < div class ="blog-container ">
120+
121+ < div class ="blog-header ">
122+ < div class ="blog-cover1 ">
123+ < div class ="blog-author ">
124+ < h3 > straight-code</ h3 >
125+ </ div >
126+ </ div >
127+ </ div >
128+
129+ < div class ="blog-body ">
130+ < div class ="blog-title ">
131+ < h1 > < a href ="# "> Code beside straight-code! </ a > </ h1 >
132+ </ div >
133+ < div class ="blog-summary ">
134+ < p > I love working on open source projects.
135+ My Plan, Is to create decentralised Dapps to open the idea of adopting Web3 into evryday life.
136+ For the foreseeable future, I will be working almost exclusively on my Youtube Channel.
137+ Sounds like a lot of fun, Your welcome to join us.</ p >
138+ </ div >
139+ < br />
140+ < div class ="blog-tags ">
141+ < ul >
142+ < li > < a href ="# "> CSS</ a > </ li >
143+ < li > < a href ="https://github.com/straight-code "> HTML</ a > </ li >
144+ < li > < a href ="# "> JavaScript</ a > </ li >
145+ < li > < a href ="# "> Solidity</ a > </ li >
146+ < li > < a href ="# "> Web3</ a > </ li >
147+ < li > < a href ="https://twitter.com/straight_code28 "> twitter</ a > </ li >
148+
149+
150+
151+ </ ul >
152+ </ div >
153+ </ div >
154+ < br />
155+ < div class ="blog-footer ">
156+ < ul >
157+ < li class ="published-date "> 2 days ago</ li >
158+ < li class ="comments "> < a href ="# "> < svg class ="icon-bubble "> < use xlink:href ="#icon-bubble "> </ use > </ svg > < span class ="numero "> 0</ span > </ a > </ li >
159+ < li class ="shares "> < a href ="# "> < svg class ="icon-star "> < use xlink:href ="#icon-star "> </ use > </ svg > < span class ="numero "> 1</ span > </ a > </ li >
160+ </ ul >
161+ </ div >
162+ < br />
163+ < br />
164+ < br />
165+
166+ < script type ="text/javascript " src ="//use.typekit.net/wtt0gtr.js "> </ script >
167+ < script type ="text/javascript "> try { Typekit . load ( ) ; } catch ( e ) { } </ script >
168+ < br />
169+ < br />
170+
171+ </ main >
172+ < canvas class ="background "> </ canvas >
173+
174+ </ body >
175+ < script src ="ani.js "> </ script >
176+ < script src ="particles.js "> </ script >
177+ </ html >
0 commit comments