My Website
keii.dev
Merge pull request #4 from WillMexe/Blog
Added a blog and fixed some spelling errors in the other areas
+41
blog.html
+41
blog.html
···
···
1
+
<html lang="en">
2
+
<head>
3
+
<link rel="stylesheet" href="styles.css">
4
+
5
+
<meta charset="UTF-8">
6
+
<meta name="viewport" content="width=device-width, initial-scale=1">
7
+
<title>My Website</title>
8
+
</head>
9
+
<body>
10
+
<div id="headers">
11
+
<div id="main">
12
+
<a class="header" href="index.html">
13
+
Home
14
+
</a>
15
+
<span>
16
+
<a class="header" href="projects.html"> Projects </a>
17
+
</span>
18
+
<span>
19
+
<a class="headerselected" href="blog.html"> Blog </a>
20
+
</span>
21
+
</div>
22
+
</div>
23
+
24
+
<div id="main">
25
+
<div>
26
+
<a href="blog/Making_a_video.html">
27
+
<div class="subheader">
28
+
My video making process
29
+
</div>
30
+
<div class="content" id="date">
31
+
10/28 - 2020
32
+
</div>
33
+
<div class="content">
34
+
Making a youtube video for me is a pretty straight forward process
35
+
and it has stayed the same pretty much sin...
36
+
</div>
37
+
</a>
38
+
</div>
39
+
</div>
40
+
</body>
41
+
</html>
+76
blog/Making_a_video.html
+76
blog/Making_a_video.html
···
···
1
+
<html lang="en">
2
+
<head>
3
+
<link rel="stylesheet" href="../styles.css">
4
+
5
+
<meta charset="UTF-8">
6
+
<meta name="viewport" content="width=device-width, initial-scale=1">
7
+
<title>My Website</title>
8
+
</head>
9
+
<body>
10
+
<div id="headers">
11
+
<div id="main">
12
+
<a class="header" href="../index.html">
13
+
Home
14
+
</a>
15
+
<span>
16
+
<a class="header" href="../projects.html"> Projects </a>
17
+
</span>
18
+
<span>
19
+
<a class="headerselected" href="../blog.html"> Blog </a>
20
+
</span>
21
+
</div>
22
+
</div>
23
+
24
+
<div id="main">
25
+
<div>
26
+
<div class="subheader">
27
+
My video making process
28
+
</div>
29
+
<div class="content" id="date">
30
+
10/28 - 2020
31
+
</div>
32
+
<div class="content">
33
+
Making a youtube video for me is a pretty straight forward process
34
+
and it has stayed the same pretty much since 2018 when i started to
35
+
edit my videos more and more differentiating from when i used to just
36
+
record and upload.
37
+
</div>
38
+
<div class="content">
39
+
When i make videos currently i usually just start recording as for something like my latest video
40
+
<a href="https://www.youtube.com/watch?v=a0PxaPbhdPc&t=49s"><strong>minecraft on psychadelic drugs</strong></a>.
41
+
Or i think of a video i think would be fun to make so i record footage and write a loose script to go
42
+
of of like with the
43
+
<a href="https://www.youtube.com/watch?v=9TcBT2BF6u8&list=PL0a8CP1inpC9w7yA9v1ULCkD5gsy5f1wl"><strong>Free Edition</strong></a>
44
+
videos.
45
+
</div>
46
+
<div class="content">
47
+
During the editing process i have 4 stages. First i have the initial editing. This is when i add all effects,
48
+
text on the screen and all of that. This is also when i cut the video to not be like 4 hours long.
49
+
</div>
50
+
<div class="content">
51
+
The second stage is zooming in and moving the camera around. Putting this in after all the effects makes it much easier
52
+
to not make the tracking on text or effects look janky when you zoom in as you are just zooming in on the video with
53
+
the finished effects you don't have to move the effects with the camera which makes the video look nicer in general.
54
+
</div>
55
+
<div class="content">
56
+
The third step is the "judgement" step. This is where i render the video on a lower resolution and framerate
57
+
usually 720p 30fps and look through it and take notes. This can range from why in the name of the universe
58
+
did i think this would be a good idea to yeah thats decent let's keep that. This step usually repeats
59
+
around 2-4 times before i feel like it is to my standard.
60
+
</div>
61
+
<div class="content">
62
+
The fourth step is the uploading this is when i think of a title and i make the thumbnails. This isn't anything special
63
+
as any youtuber or content creator in general do this. But i what i want to talk about here is my thumbnail editing.
64
+
This has changed alot over time as you can see by looking at my channel and i think my latest design will be the one
65
+
i'm sticking with. No text, good saturation and one central thing being in this case a mushroom. I think it is better
66
+
than my other designs as it is pretty eye catching and it doens't need any reading so i'll experiment with it in my comming
67
+
videos.
68
+
</div>
69
+
<div class="content">
70
+
Thank you for reading this blog thing. I wanted to try to make a blog to just talk about stuff so heres my attempt. Hope
71
+
it's not to bad and i'll see you soon.
72
+
</div>
73
+
</div>
74
+
</div>
75
+
</body>
76
+
</html>
+3
index.html
+3
index.html
+3
projects.html
+3
projects.html
+22
-4
styles.css
+22
-4
styles.css
···
3
margin-left: 20%;
4
margin-right: 20%;
5
margin-top: 50px;
6
font-family: Arial, Helvetica, sans-serif;
7
}
8
···
25
color: rgb(68, 68, 68);
26
font-family:Arial;
27
font-size:65px;
28
-
margin-right: 13%;
29
font-weight: bold;
30
text-decoration: none;
31
-webkit-user-select: none; /* Safari */
···
39
color: rgb(68, 68, 68);
40
font-family:Arial;
41
font-size:65px;
42
-
margin-right: 13%;
43
font-weight: bold;
44
text-decoration: underline;
45
background-color: rgb(143, 208, 255);
···
65
user-select: none; /* Standard */
66
}
67
68
.content
69
{
70
color: rgb(68, 68, 68);
···
99
@media only screen and (max-width: 800px) {
100
body {
101
margin-left: 40px;
102
-
margin-right: 35px;
103
}
104
105
.subheader {
···
111
margin-left: 30px;
112
max-width: 100%;
113
text-align: center;
114
}
115
116
#headers {
117
-
text-align: center;
118
margin-left: 30px;
119
}
120
}
···
3
margin-left: 20%;
4
margin-right: 20%;
5
margin-top: 50px;
6
+
margin-bottom: 50px;
7
font-family: Arial, Helvetica, sans-serif;
8
}
9
···
26
color: rgb(68, 68, 68);
27
font-family:Arial;
28
font-size:65px;
29
+
margin-right: 5%;
30
font-weight: bold;
31
text-decoration: none;
32
-webkit-user-select: none; /* Safari */
···
40
color: rgb(68, 68, 68);
41
font-family:Arial;
42
font-size:65px;
43
+
margin-right: 5%;
44
font-weight: bold;
45
text-decoration: underline;
46
background-color: rgb(143, 208, 255);
···
66
user-select: none; /* Standard */
67
}
68
69
+
#date
70
+
{
71
+
margin-top: -20px
72
+
}
73
+
74
.content
75
{
76
color: rgb(68, 68, 68);
···
105
@media only screen and (max-width: 800px) {
106
body {
107
margin-left: 40px;
108
+
margin-right: 40px;
109
}
110
111
.subheader {
···
117
margin-left: 30px;
118
max-width: 100%;
119
text-align: center;
120
+
display: block;
121
+
margin-right: 100px;
122
+
}
123
+
124
+
.content {
125
+
margin-left: -40px;
126
+
margin-right: -40px;
127
}
128
129
#headers {
130
+
text-align: left;
131
margin-left: 30px;
132
+
}
133
+
134
+
#date
135
+
{
136
+
text-align: center;
137
}
138
}