@@ -39,7 +39,7 @@ if [[ ! -z ${PAGE_TITLE} ]] && [[ ! -z ${PAGE_CONTENT} ]] && [[ ! -z ${PAGE_CONT | |||
echo -e "<!-- ${PAGE_TITLE} -->\n<!-- ${PAGE_HTML} -->\n<!-- ${PAGE_CSS} -->\n<!-- ${PAGE_FAVICON} -->\n<!-- ${PAGE_CONTENT_FILE} -->\n\n$(cat ${PAGE_HTML} | sed -e "s|PAGE_TITLE|${PAGE_TITLE}|" | sed -e "s|PAGE_CSS|${PAGE_CSS}|" | sed -e "s|PAGE_FAVICON|${PAGE_FAVICON}|" | sed -e 's|\./|/|g')\n\t\t\t${PAGE_CONTENT}\n\t\t</main>\n\t</body>\n</html>" > "${DESTINATION_DIR}/index.html" | |||
else | |||
echo -e "USAGE:\n${0}\t[PAGE_TITLE]\t\t[PAGE_HTML (file)]\t[PAGE_CSS (file)]\n\t\t[PAGE_FAVICON (file)]\t[PAGE_CONTENT (file)]\t[DESTINATION_DIR]\n${0}\tregen\n${0}\t--regen" | |||
echo -e "USAGE:\n${0}\t[PAGE_TITLE]\t\t[PAGE_HTML (file)]\t[PAGE_CSS (file)]\n\t\t[PAGE_FAVICON (file)]\t[PAGE_CONTENT (file)]\t[DESTINATION_DIR]\n${0}\tregen\n${0}\t--regen\n${0}\tregen\t--continuous\n${0}\t--regen\t--continuous" | |||
fi | |||
export LAST_PAGE="${PAGE}" | |||
@@ -52,4 +52,9 @@ fi | |||
unset LAST_PAGE | |||
unset HEAD | |||
unset HEAD | |||
if [[ ${2} = '--continuous' ]]; then | |||
sleep 10 | |||
${0} ${1} ${2} | |||
fi |
@@ -25,6 +25,7 @@ nav { | |||
max-height: 10%; | |||
text-align: center; | |||
padding: 1%; | |||
z-index: 1; | |||
} | |||
nav ul { | |||
@@ -75,17 +76,46 @@ main { | |||
text-align: center; | |||
text-shadow: black 2pt 2pt; | |||
margin-top: 8%; | |||
z-index: -1; | |||
} | |||
main .left { | |||
float: left; | |||
width: 50%; | |||
width: 49%; | |||
margin-bottom: 4%; | |||
margin-right: 1%; | |||
} | |||
main .right { | |||
float: right; | |||
width: 50%; | |||
width: 49%; | |||
margin-bottom: 4%; | |||
margin-left: 1%; | |||
} | |||
.cork_board { | |||
background-image: url(/res/img/Cork\ Board\ 420x420.png); | |||
padding-top: 5%; | |||
padding-bottom: 5%; | |||
border-style:outset; | |||
border-color:black; | |||
border-top-width:1pt; | |||
border-bottom-width: 2pt; | |||
border-left-width: 1pt; | |||
border-right-width: 2pt; | |||
} | |||
.crinkled_paper { | |||
background-image: url(/res/img/Crinkled\ Paper\ 420x420.png); | |||
width: 90%; | |||
margin-left: 5%; | |||
padding-top: 1%; | |||
padding-bottom: 1%; | |||
border-style:outset; | |||
border-color:black; | |||
border-top-width:1pt; | |||
border-bottom-width: 2pt; | |||
border-left-width: 1pt; | |||
border-right-width: 2pt; | |||
} | |||
@media only screen and (max-width: 719px) { | |||
@@ -125,6 +155,18 @@ main .right { | |||
text-shadow: black 1.75pt 1.75pt; | |||
} | |||
main .crinkled_paper { | |||
font-size: 16pt; | |||
} | |||
main .crinkled_paper h1 { | |||
font-size: 24pt; | |||
} | |||
main .crinkled_paper h2 { | |||
font-size: 20pt; | |||
} | |||
main .left { | |||
float: none; | |||
width: auto; | |||
@@ -153,6 +195,18 @@ main .right { | |||
text-shadow: black 1.25pt 1.25pt; | |||
} | |||
main .crinkled_paper { | |||
font-size: 12pt; | |||
} | |||
main .crinkled_paper h1 { | |||
font-size: 16pt; | |||
} | |||
main .crinkled_paper h2 { | |||
font-size: 14pt; | |||
} | |||
nav { | |||
font-size: 8pt; | |||
} | |||
@@ -3,7 +3,7 @@ | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width"> | |||
<title> | |||
PAGE_TITLE - Jean, the easthighNerd | |||
PAGE_TITLE - easthighNerd, VTuber | |||
</title> | |||
<link href="PAGE_CSS" rel="stylesheet"> | |||
<link rel="icon" type="image/png" href="PAGE_FAVICON"/> | |||
@@ -1,4 +1,7 @@ | |||
<img src="/res/img/easthighNerd - Tie Front Crop Top - 02-2.png" atl="Picture of my VTubing avatar" class="page_image" style="width:256px;height:256px;border-radius:50%;"> | |||
<div class="cork_board"> | |||
<img src="/res/img/easthighNerd - Tie Front Crop Top - 02-2.png" atl="Picture of my VTubing avatar" class="page_image" style="width:256px;height:256px;border-radius:50%;border-style:outset;border-color:black;border-top-width:1pt;border-bottom-width: 2pt;border-left-width: 1pt;border-right-width: 2pt;"> | |||
<div class="crinkled_paper"> | |||
Hello! Welcome! | |||
===== | |||
@@ -16,4 +19,7 @@ I mainly stream games, however I will do the occasional coding stream here and t | |||
I would like to start making videos in the not-too-distant future, so look forward to that I guess! | |||
For any bussiness related matters, I can be contacted via email at [vtuber@easthighnerd.net](mailto:vtuber@easthighnerd.net) | |||
For any bussiness related matters, I can be contacted via email at [vtuber@easthighnerd.net](mailto:vtuber@easthighnerd.net) | |||
</div> | |||
</div> |
@@ -1,30 +1,36 @@ | |||
<div class="left"> | |||
<div class="cork_board"> | |||
<div class="crinkled_paper"> | |||
# Software | |||
## OS | |||
Fedora KDE | |||
[Fedora KDE](https://spins.fedoraproject.org/kde/) | |||
## Desktop Environment | |||
KDE Plasma | |||
[KDE Plasma](https://kde.org/plasma-desktop/) | |||
## Recording/Streaming | |||
OBS | |||
[OBS](https://obsproject.com/) | |||
## Model Animation | |||
VSeeFace | |||
## Model Puppeting | |||
[VSeeFace](https://www.vseeface.icu/) | |||
## Model Creation | |||
VRoid Studio | |||
[VRoid Studio](https://vroid.com/en/studio/) | |||
## Audio Piping | |||
Helvum | |||
[Helvum](https://gitlab.freedesktop.org/pipewire/helvum/) | |||
## VoIP | |||
Mumble | |||
[Mumble](https://www.mumble.info/) | |||
</div> | |||
</div> | |||
</div> | |||
<div class="right"> | |||
<div class="cork_board"> | |||
<div class="crinkled_paper"> | |||
# Hardware | |||
@@ -46,4 +52,12 @@ | |||
## Monitors | |||
??? | |||
## Microphone | |||
??? | |||
## Webcam | |||
Logitech 1080p Pro Stream Webcam | |||
</div> | |||
</div> | |||
</div> |
@@ -9,7 +9,7 @@ | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width"> | |||
<title> | |||
Home - Jean, the easthighNerd | |||
Home - easthighNerd, VTuber | |||
</title> | |||
<link href="/res/css/vtuber.css" rel="stylesheet"> | |||
<link rel="icon" type="image/png" href="/res/img/favicon.png"/> | |||
@@ -50,8 +50,10 @@ | |||
</ul> | |||
</nav> | |||
<main> | |||
<p><img src="/res/img/easthighNerd - Tie Front Crop Top - 02-2.png" atl="Picture of my VTubing avatar" class="page_image" style="width:256px;height:256px;border-radius:50%;"></p> | |||
<h1 id="hello-welcome">Hello! Welcome!</h1> | |||
<div class="cork_board"> | |||
<p><img src="/res/img/easthighNerd - Tie Front Crop Top - 02-2.png" atl="Picture of my VTubing avatar" class="page_image" style="width:256px;height:256px;border-radius:50%;border-style:outset;border-color:black;border-top-width:1pt;border-bottom-width: 2pt;border-left-width: 1pt;border-right-width: 2pt;"></p> | |||
<section id="hello-welcome" class="crinkled_paper"> | |||
<h1>Hello! Welcome!</h1> | |||
<h2 id="to-my-vtubing-page">To my VTubing page!</h2> | |||
<p>My name is Jean, known more so around the net as easthighNerd!</p> | |||
<p>I am a transfem (she/her) that’s in their mid 20s</p> | |||
@@ -59,6 +61,8 @@ | |||
<p>I mainly stream games, however I will do the occasional coding stream here and there, and would like to do so more often!</p> | |||
<p>I would like to start making videos in the not-too-distant future, so look forward to that I guess!</p> | |||
<p>For any bussiness related matters, I can be contacted via email at <a href="mailto:vtuber@easthighnerd.net">vtuber@easthighnerd.net</a></p> | |||
</section> | |||
</div> | |||
</main> | |||
</body> | |||
</html> |
@@ -25,6 +25,7 @@ nav { | |||
max-height: 10%; | |||
text-align: center; | |||
padding: 1%; | |||
z-index: 1; | |||
} | |||
nav ul { | |||
@@ -75,17 +76,46 @@ main { | |||
text-align: center; | |||
text-shadow: black 2pt 2pt; | |||
margin-top: 8%; | |||
z-index: -1; | |||
} | |||
main .left { | |||
float: left; | |||
width: 50%; | |||
width: 49%; | |||
margin-bottom: 4%; | |||
margin-right: 1%; | |||
} | |||
main .right { | |||
float: right; | |||
width: 50%; | |||
width: 49%; | |||
margin-bottom: 4%; | |||
margin-left: 1%; | |||
} | |||
.cork_board { | |||
background-image: url(/res/img/Cork\ Board\ 420x420.png); | |||
padding-top: 5%; | |||
padding-bottom: 5%; | |||
border-style:outset; | |||
border-color:black; | |||
border-top-width:1pt; | |||
border-bottom-width: 2pt; | |||
border-left-width: 1pt; | |||
border-right-width: 2pt; | |||
} | |||
.crinkled_paper { | |||
background-image: url(/res/img/Crinkled\ Paper\ 420x420.png); | |||
width: 90%; | |||
margin-left: 5%; | |||
padding-top: 1%; | |||
padding-bottom: 1%; | |||
border-style:outset; | |||
border-color:black; | |||
border-top-width:1pt; | |||
border-bottom-width: 2pt; | |||
border-left-width: 1pt; | |||
border-right-width: 2pt; | |||
} | |||
@media only screen and (max-width: 719px) { | |||
@@ -125,6 +155,18 @@ main .right { | |||
text-shadow: black 1.75pt 1.75pt; | |||
} | |||
main .crinkled_paper { | |||
font-size: 16pt; | |||
} | |||
main .crinkled_paper h1 { | |||
font-size: 24pt; | |||
} | |||
main .crinkled_paper h2 { | |||
font-size: 20pt; | |||
} | |||
main .left { | |||
float: none; | |||
width: auto; | |||
@@ -153,6 +195,18 @@ main .right { | |||
text-shadow: black 1.25pt 1.25pt; | |||
} | |||
main .crinkled_paper { | |||
font-size: 12pt; | |||
} | |||
main .crinkled_paper h1 { | |||
font-size: 16pt; | |||
} | |||
main .crinkled_paper h2 { | |||
font-size: 14pt; | |||
} | |||
nav { | |||
font-size: 8pt; | |||
} | |||
@@ -9,7 +9,7 @@ | |||
<meta charset="utf-8"> | |||
<meta name="viewport" content="width=device-width"> | |||
<title> | |||
Software and Hardware - Jean, the easthighNerd | |||
Software and Hardware - easthighNerd, VTuber | |||
</title> | |||
<link href="/res/css/vtuber.css" rel="stylesheet"> | |||
<link rel="icon" type="image/png" href="/res/img/favicon.png"/> | |||
@@ -50,24 +50,30 @@ | |||
</ul> | |||
</nav> | |||
<main> | |||
<section id="software" class="left"> | |||
<div class="left"> | |||
<div class="cork_board"> | |||
<section id="software" class="crinkled_paper"> | |||
<h1>Software</h1> | |||
<h2 id="os">OS</h2> | |||
<p>Fedora KDE</p> | |||
<p><a href="https://spins.fedoraproject.org/kde/" target="_blank">Fedora KDE</a></p> | |||
<h2 id="desktop-environment">Desktop Environment</h2> | |||
<p>KDE Plasma</p> | |||
<p><a href="https://kde.org/plasma-desktop/" target="_blank">KDE Plasma</a></p> | |||
<h2 id="recordingstreaming">Recording/Streaming</h2> | |||
<p>OBS</p> | |||
<h2 id="model-animation">Model Animation</h2> | |||
<p>VSeeFace</p> | |||
<p><a href="https://obsproject.com/" target="_blank">OBS</a></p> | |||
<h2 id="model-puppeting">Model Puppeting</h2> | |||
<p><a href="https://www.vseeface.icu/" target="_blank">VSeeFace</a></p> | |||
<h2 id="model-creation">Model Creation</h2> | |||
<p>VRoid Studio</p> | |||
<p><a href="https://vroid.com/en/studio/" target="_blank">VRoid Studio</a></p> | |||
<h2 id="audio-piping">Audio Piping</h2> | |||
<p>Helvum</p> | |||
<p><a href="https://gitlab.freedesktop.org/pipewire/helvum/" target="_blank">Helvum</a></p> | |||
<h2 id="voip">VoIP</h2> | |||
<p>Mumble</p> | |||
<p><a href="https://www.mumble.info/" target="_blank">Mumble</a></p> | |||
</section> | |||
<section id="hardware" class="right"> | |||
</div> | |||
</div> | |||
<div class="right"> | |||
<div class="cork_board"> | |||
<section id="hardware" class="crinkled_paper"> | |||
<h1>Hardware</h1> | |||
<h2 id="cpu">CPU</h2> | |||
<p>AMD Ryzen 7 5700G</p> | |||
@@ -81,7 +87,13 @@ | |||
<p>???</p> | |||
<h2 id="monitors">Monitors</h2> | |||
<p>???</p> | |||
<h2 id="microphone">Microphone</h2> | |||
<p>???</p> | |||
<h2 id="webcam">Webcam</h2> | |||
<p>Logitech 1080p Pro Stream Webcam</p> | |||
</section> | |||
</div> | |||
</div> | |||
</main> | |||
</body> | |||
</html> |