-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog3v2.html
136 lines (115 loc) · 5.89 KB
/
blog3v2.html
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
<head>
<title>Other page</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" href="styles.css" />
<script type="module" src="script.js"></script>
</head>
<body>
<nav>
<div class="navbar" >
<a href="/" aria-current="page" style="color:white;" class="navi-logo"> Websurf 🏃♂️</a>
<a href="/page2.html">Tech</a>
<a href="/page2.html">Goals</a>
<a href="/page2.html">Random</a>
<a href="/page2.html">Mindfulness</a>
<a href="/page2.html">Blog</a>
</div>
<form>
<input type="search" name="q" placeholder="Search blogs">
<input type="submit" value="Go!">
</form>
</nav>
<main>
<article>
<div class="row">
<div class="leftcolumn">
<div class="card">
<h2>Quick Progress 7/10/22</h2>
<h5>By Mia Ly</h5>
<div class="fakeimg" style="height:200px;">nothing to see here scroll down</div>
<p>Some text..</p>
<p> Making a blog. My thoughts along the way and my honest opinions</p>
</div>
<div class="card">
<h2>The search for the right resources
</h2>
<p>Some text..</p>
<p> I’d say the world we live in is full of overconsumption, never ending content can be found anywhere you look at, and little time to consume it all. Even after a few mins sometimes I find myself hooked to learn more.
<br> <br>
I’ve noticed that many websites make me want to know how this animation works. Just how does it work? Sure for one thing the dev tools inspector is useful, highlights areas I want, and knowing what css is used for the animations. My questions are not always answered though.
Then I begin the search.
<br> <br>
After long hours,online resources/tools show me solutions to my already exhausted brain. I came back not able to consume everything. I think it’s because it just takes time to go inside the brain to process first. Or I just need to focus on one thing at a time before I make another decision.
</p>
<h2>
Essentials of websites: layouts
</h2>
<p>
BOXES. Every website has boxes in boxes, that show content in content, to show you what services are offered.And what value this provides. It is the layout and skeleton of a website that's all organized in a grid, rows and columns, the 2 by 2 kind of thing. Then it’s all organized in a way the user knows what is most important to look at.
Without layouts navigation will be tricky, pieces of information in places disorganized and unreadable. Sooner afterword we won’t be coming back.
</p>
<h2>Blogging is kinda..</h2>
<p>I used to think blogging is boring, super long details of people’s life when my only intention is to figure out how to learn a craft then read an online diary. Just get to the point of what I’m here for.
This is why I think a table of contents is a must have for any blog.<br> <br>
Well not all blogs are “blogs about my family”, many are how to’s, learning a topic to be more knowledgeable about, a guide. I liked how the introductions are interesting, and tell the main points.
<br> <br>
These informational articles are what I want to “write: or type about. Yet it might take a while for me to educate myself before I start teaching others.
</p>
<h2> Website builders thoughts</h2>
<p>My thoughts on website builders
U might have noticed the url, long to read , and hard to remember. I have tried to find another way to get this url customized. The only way to be fully customized is through paid domain names. <br> <br>
Google sites an easy beginner website builder, with an option for customized urls. <br>No code required and easy to navigate. The icons are similar to other google services. Like docs, or email. But other website builders' interfaces seem to top or bottom, some options shown or hidden behind the menu.
<br> <br>
Some website builders are much more intuitive, thinking based on exactly what customers want for their companies. <br>A CMS (content management system) to manage many products at once, and professional, almost finished website templates. and Sometimes I can mistake a website builder for adobe spark(express).
<br> <br>
Their ease of use, the drag and drop feature is convenient to have, Just instantly knowing what it would look like.<br>
Does my website look better with a card layout, a color font or animations?
But these drag and drop features separate from hand coding. <br>
And have many other limitations that in the long run I would rather hand code in a code editor.
</P>
<h2> Future plans </h2>
<p> maybe later.. thx for reading! - mia Ly</p>
</div>
</div>
<div class="rightcolumn">
<div class="card">
<h2>About Me</h2>
<div class="fakeimg" style="height:100px;">Image</div>
<p>Some text about me in culpa qui officia deserunt mollit anim..</p>
</div>
<div class="card">
<h3>Popular Post</h3>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div><br>
<div class="fakeimg">Image</div>
</div>
<div class="card">
<h3>Follow Me</h3>
<p>Some text..</p>
</div>
</div>
</div>
<footer>
<div class="end-footer">
<h2> find us </h2>
<ul class="footer-socials">
<li> <a href="#"> instagram</a> </li>
<li> <a href="#"> linkin</a> </li>
<li> <a href="#"> pinterest</a> </li>
<li> <a href="#"> twitter</a> </li>
<li> <a href="#"> facebook</a> </li>
</ul>
<p>by aim mjay </p>
<h2> Catagories </h2>
<ul class="footer-blogs">
<li> <a href="#"> tech</a> </li>
<li> <a href="#"> idk</a> </li>
<li> <a href="#"> Service</a> </li>
</ul>
</div>
</footer>
</article>
</main>
</body>
</html>