testing
This commit is contained in:
parent
bc7c6fbbc0
commit
fc68ad2bcd
@ -1,4 +1,4 @@
|
||||
RewriteEngine On
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^(.*)$ $1.html [L]
|
||||
RewriteEngine On
|
||||
RewriteCond %{REQUEST_FILENAME} !-f
|
||||
RewriteCond %{REQUEST_FILENAME} !-d
|
||||
RewriteRule ^(.*)$ $1.html [L]
|
||||
|
||||
@ -1,34 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Blog</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="blog_head">
|
||||
<h1>Fantastical Vexillological Adventures - Part I</h1>
|
||||
<h3>2024-08-04</h3>
|
||||
</div>
|
||||
<div class="blog_body">
|
||||
<p>I've been running a continuous fantasy world know as Nightcall since September 2018 orginally starting as a Dungeons & Dragons campaign, as of August 2024 there has been 9 campaigns, near two dozen short stories, over 150 player characters and notable non-player characters, spread across four planes (or worlds) and 15 nations filled with many more factions, groups, and families. But enough of a sales pitch.</p>
|
||||
<p>Since before the first campaign I've found interest in flag design but never really had an excuse to create ones of my own, just studying and taking note of flags I do and don't like, various elements that make up a flag. To build out the fantasy world more I made 15 flags, one for each nation. Some I really tried my hand at good design, others intentionally bad. Here I wish to go over my own thoughts and in-world reasoning for the designs.</p>
|
||||
<p>In this post we'll review the flags of Mor-Thir an island continent of Mor-Thir roughly land mass of Australia. This includes the first four flags I made for the nations of Covania, Oxtrad, and Reton, the forth flag in this collection is for the Royal Conglomerate, a political alliance between the three nations after the continent was invaded by the Nine Hells. In a later campaign the players lead a rebellion against the Reton Empire, from the region of Greyhawk forming it into a new nation. I won't go into detail but if any of this interests you, I encourage you to visit the wiki at <a href="https://nightcall.net">nightcall.net</a></p>
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-covania.png" alt="Flag of Covania" class="img_flag"> The flag of Covania was an original design in the vague shape of the nation in an orange-brown and the black representing the hostile nature of their vast deserts. I picked the orange-brown as more flags need orange. One of if not my favourite flag is of the Northern Territory, brilliantly simple and beautiful design.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-oxtrad.png" alt="Flag of Oxtrad" class="img_flag"> The flag of Oxtrad is a simple horizontal split, blue skies above a frozen land with a symbol of the Crown of Oxtrad in the center. Not too much thought into this one outside the Crown itself being a great weight to bear and constant reminder of control.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-retonemp.png" alt="Flag of Reton" class="img_flag">The very first flag I designed, the flag of Reton, a six pointed star, each point representing a state/region of the Empire, the blue being a reminder of that. Still very fond and proud of this design. I haven't made an alternative but I imagine in-world during and after the Greyhawk rebellion supporters of the cause may have scratched out or painted over one of the points.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-royalcon.png" alt="Flag of Royal Conglomerate" class="img_flag">The Royal Conglomerate being an alliance akin to the UN or NATO, their flag represents each nation, green for Reton in the West, white for Oxtrad in the North, and yellow for Covania in South-East, and a crown in each section for their various royalties, kindoms, and empires.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-greyhawk.png" alt="Flag of Greyhawk" class="img_flag">For the flag of Greyhawk I purposefully gave myself limited time and used MS Paint rather than illustrator, helping create the feeling of a new nation that needed a new flag to fight under. The three block divide was an intentional reference to the Royal Conglomerate somewhat as an act of defiance. However the colours have different meaning, red for the loss of innocent lives by the conglomerate's hand, green for the land and future growth of Greyhawk, and white for the pursuit of peace and truth.</p>
|
||||
<br class="clear">
|
||||
<p>Well that's it for this issue of Fantastical Vexillological Adventures! Next up I want to cover the flags of the other worldly. The Nine Hells mentioned earlier, three nations who have formed in the Feywilds, and while not used I also made two flags for Exilis and for the Livion Virus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p><a href="https://kyledot.net/blog/home">Return to blog home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-08-04</p>
|
||||
</footer>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Blog</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="blog_head">
|
||||
<h1>Fantastical Vexillological Adventures - Part I</h1>
|
||||
<h3>2024-08-04</h3>
|
||||
</div>
|
||||
<div class="blog_body">
|
||||
<p>I've been running a continuous fantasy world know as Nightcall since September 2018 orginally starting as a Dungeons & Dragons campaign, as of August 2024 there has been 9 campaigns, near two dozen short stories, over 150 player characters and notable non-player characters, spread across four planes (or worlds) and 15 nations filled with many more factions, groups, and families. But enough of a sales pitch.</p>
|
||||
<p>Since before the first campaign I've found interest in flag design but never really had an excuse to create ones of my own, just studying and taking note of flags I do and don't like, various elements that make up a flag. To build out the fantasy world more I made 15 flags, one for each nation. Some I really tried my hand at good design, others intentionally bad. Here I wish to go over my own thoughts and in-world reasoning for the designs.</p>
|
||||
<p>In this post we'll review the flags of Mor-Thir an island continent of Mor-Thir roughly land mass of Australia. This includes the first four flags I made for the nations of Covania, Oxtrad, and Reton, the forth flag in this collection is for the Royal Conglomerate, a political alliance between the three nations after the continent was invaded by the Nine Hells. In a later campaign the players lead a rebellion against the Reton Empire, from the region of Greyhawk forming it into a new nation. I won't go into detail but if any of this interests you, I encourage you to visit the wiki at <a href="https://nightcall.net">nightcall.net</a></p>
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-covania.png" alt="Flag of Covania" class="img_flag"> The flag of Covania was an original design in the vague shape of the nation in an orange-brown and the black representing the hostile nature of their vast deserts. I picked the orange-brown as more flags need orange. One of if not my favourite flag is of the Northern Territory, brilliantly simple and beautiful design.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-oxtrad.png" alt="Flag of Oxtrad" class="img_flag"> The flag of Oxtrad is a simple horizontal split, blue skies above a frozen land with a symbol of the Crown of Oxtrad in the center. Not too much thought into this one outside the Crown itself being a great weight to bear and constant reminder of control.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-retonemp.png" alt="Flag of Reton" class="img_flag">The very first flag I designed, the flag of Reton, a six pointed star, each point representing a state/region of the Empire, the blue being a reminder of that. Still very fond and proud of this design. I haven't made an alternative but I imagine in-world during and after the Greyhawk rebellion supporters of the cause may have scratched out or painted over one of the points.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-royalcon.png" alt="Flag of Royal Conglomerate" class="img_flag">The Royal Conglomerate being an alliance akin to the UN or NATO, their flag represents each nation, green for Reton in the West, white for Oxtrad in the North, and yellow for Covania in South-East, and a crown in each section for their various royalties, kindoms, and empires.</p>
|
||||
<br class="clear">
|
||||
<p><img src="https://nightcall.net/lib/exe/fetch.php/faction:flag-greyhawk.png" alt="Flag of Greyhawk" class="img_flag">For the flag of Greyhawk I purposefully gave myself limited time and used MS Paint rather than illustrator, helping create the feeling of a new nation that needed a new flag to fight under. The three block divide was an intentional reference to the Royal Conglomerate somewhat as an act of defiance. However the colours have different meaning, red for the loss of innocent lives by the conglomerate's hand, green for the land and future growth of Greyhawk, and white for the pursuit of peace and truth.</p>
|
||||
<br class="clear">
|
||||
<p>Well that's it for this issue of Fantastical Vexillological Adventures! Next up I want to cover the flags of the other worldly. The Nine Hells mentioned earlier, three nations who have formed in the Feywilds, and while not used I also made two flags for Exilis and for the Livion Virus.</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p><a href="https://kyledot.net/blog/home">Return to blog home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-08-04</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,44 +1,44 @@
|
||||
body {background-color: #0f1a30;}
|
||||
h1 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
|
||||
.clear {clear: both; }
|
||||
|
||||
.container_index { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"blog_date blog_theme";
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px;}
|
||||
h2 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
ul {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
ol {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
}
|
||||
|
||||
.blog_date { grid-area: blog_date; }
|
||||
.blog_theme { grid-area: blog_theme; }
|
||||
|
||||
.blog_head {
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
}
|
||||
|
||||
.blog_body {
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
ul {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
ol {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
}
|
||||
|
||||
.img_center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.img_flag {
|
||||
float: left;
|
||||
width: 200px;
|
||||
body {background-color: #0f1a30;}
|
||||
h1 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
|
||||
.clear {clear: both; }
|
||||
|
||||
.container_index { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"blog_date blog_theme";
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px;}
|
||||
h2 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
ul {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
ol {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 100px}
|
||||
}
|
||||
|
||||
.blog_date { grid-area: blog_date; }
|
||||
.blog_theme { grid-area: blog_theme; }
|
||||
|
||||
.blog_head {
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
}
|
||||
|
||||
.blog_body {
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
ul {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
ol {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: left;padding-left: 20%;padding-right: 20%;}
|
||||
}
|
||||
|
||||
.img_center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.img_flag {
|
||||
float: left;
|
||||
width: 200px;
|
||||
}
|
||||
@ -1,26 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Projects</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kyle's Projects</h1>
|
||||
<div class="container_projects">
|
||||
<div class="projects">
|
||||
<h2>Projects</h2>
|
||||
<p><b><a href="https://nightcall.net">nightcall.net</a> - D&D wiki</b><br>Dokuwiki used for D&D campaigns among friends to maintain characters and devolop worldbuilding</p>
|
||||
<p><b><a href="https://thecaldera.net">thecaldera.net</a> - Worldbuilding wiki</b><br>Dokuwiki used for personal worldbuilding, largely private but may been seen in stories and games</p>>
|
||||
</div>
|
||||
<div class="games">
|
||||
<h2>Games</h2>
|
||||
<p><iframe frameborder="0" src="https://itch.io/embed/2366672?bg_color=152543&fg_color=ffffff&border_color=090f1d" width="552" height="167"><a href="https://kyledot.itch.io/mouse-scroller">Mouse Scroller by KyleDOT</a></iframe></p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>* Indicates planned or WIP project</p>
|
||||
<p><a href="https://kyledot.net">Return to home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-06-07</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Projects</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kyle's Projects</h1>
|
||||
<div class="container_projects">
|
||||
<div class="projects">
|
||||
<h2>Projects</h2>
|
||||
<p><b><a href="https://nightcall.net">nightcall.net</a> - D&D wiki</b><br>Dokuwiki used for D&D campaigns among friends to maintain characters and devolop worldbuilding</p>
|
||||
<p><b><a href="https://thecaldera.net">thecaldera.net</a> - Worldbuilding wiki</b><br>Dokuwiki used for personal worldbuilding, largely private but may been seen in stories and games</p>>
|
||||
</div>
|
||||
<div class="games">
|
||||
<h2>Games</h2>
|
||||
<p><iframe frameborder="0" src="https://itch.io/embed/2366672?bg_color=152543&fg_color=ffffff&border_color=090f1d" width="552" height="167"><a href="https://kyledot.itch.io/mouse-scroller">Mouse Scroller by KyleDOT</a></iframe></p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p>* Indicates planned or WIP project</p>
|
||||
<p><a href="https://kyledot.net">Return to home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-06-07</p>
|
||||
<p>Test</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
70
resume.html
70
resume.html
@ -1,35 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Resume</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kyle's Resume</h1>
|
||||
<div class="container_resume">
|
||||
<div class="employment">
|
||||
<h2>Employment</h2>
|
||||
<p><b>Paspaley Pearling</b><br>IT Support Officer<br>Dec 2017 - Current</p>
|
||||
<p><b>Area 9 IT Solutions</b><br>Level 1 IT Support<br>Feb 2014 - Dec 2017</p>
|
||||
<h2>Education</h2>
|
||||
<p><b>Charles Darwin University</b><br>Bachelor of Information Technology<br>Bachelor of New Media Design<br>2014 - 2015 (Incomplete)</p>
|
||||
<p><b>Good Shepherd Lutheran College</b><br>Transition to Year 12<br>2000 - 2013</p>
|
||||
</div>
|
||||
<div class="skills">
|
||||
<h2>Certificates</h2>
|
||||
<p><b>ITIL Foundation in IT Service Management</b><br>Sep 2017</p>
|
||||
<h2>Proficiencies</h2>
|
||||
<p><b>Microsoft</b><br>Office Suite, Windows Server, Azure & Entra, Hyper-V</p>
|
||||
<p><b>Programming/Coding</b><br><sup>All at basic to intermediate level</sup><br>Python<br>Powershell & Bash<br>HTML, CSS & JS</p>
|
||||
<p><b>Adobe Suite</b><br>Photoshop, Illustrator, Indesign</p>
|
||||
<h2>Personal</h2>
|
||||
<p><b>Dungeons & Dragons - Dungeon Master</b><br>Sep 2018 - Current<br>4 Campaigns, longest was 1.5 years</p>
|
||||
<p><b>Hosting dedicated video game servers</b><br>~2013 - Current</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p><a href="https://kyledot.net">Return to home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-06-07</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Kyle's Resume</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Kyle's Resume</h1>
|
||||
<div class="container_resume">
|
||||
<div class="employment">
|
||||
<h2>Employment</h2>
|
||||
<p><b>Paspaley Pearling</b><br>IT Support Officer<br>Dec 2017 - Current</p>
|
||||
<p><b>Area 9 IT Solutions</b><br>Level 1 IT Support<br>Feb 2014 - Dec 2017</p>
|
||||
<h2>Education</h2>
|
||||
<p><b>Charles Darwin University</b><br>Bachelor of Information Technology<br>Bachelor of New Media Design<br>2014 - 2015 (Incomplete)</p>
|
||||
<p><b>Good Shepherd Lutheran College</b><br>Transition to Year 12<br>2000 - 2013</p>
|
||||
</div>
|
||||
<div class="skills">
|
||||
<h2>Certificates</h2>
|
||||
<p><b>ITIL Foundation in IT Service Management</b><br>Sep 2017</p>
|
||||
<h2>Proficiencies</h2>
|
||||
<p><b>Microsoft</b><br>Office Suite, Windows Server, Azure & Entra, Hyper-V</p>
|
||||
<p><b>Programming/Coding</b><br><sup>All at basic to intermediate level</sup><br>Python<br>Powershell & Bash<br>HTML, CSS & JS</p>
|
||||
<p><b>Adobe Suite</b><br>Photoshop, Illustrator, Indesign</p>
|
||||
<h2>Personal</h2>
|
||||
<p><b>Dungeons & Dragons - Dungeon Master</b><br>Sep 2018 - Current<br>4 Campaigns, longest was 1.5 years</p>
|
||||
<p><b>Hosting dedicated video game servers</b><br>~2013 - Current</p>
|
||||
</div>
|
||||
</div>
|
||||
<footer>
|
||||
<p><a href="https://kyledot.net">Return to home</a></p>
|
||||
<p>Made by Kyle - Last updated: 2024-06-07</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
86
style.css
86
style.css
@ -1,43 +1,43 @@
|
||||
body {background-color: #0f1a30;}
|
||||
h1 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
h2 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
|
||||
.container_index { display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"kyledot nightcall external"
|
||||
"thebakery thecaldera external";
|
||||
}
|
||||
.kyledot { grid-area: kyledot; }
|
||||
.thebakery { grid-area: thebakery; }
|
||||
.nightcall { grid-area: nightcall; }
|
||||
.thecaldera { grid-area: thecaldera; }
|
||||
.external { grid-area: external; }
|
||||
|
||||
.container_projects { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"projects games";
|
||||
}
|
||||
.projects { grid-area: projects; }
|
||||
.games { grid-area: games; }
|
||||
|
||||
.container_resume { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"employment skills";
|
||||
}
|
||||
.employment { grid-area: employment; }
|
||||
.skills { grid-area: skills; }
|
||||
body {background-color: #0f1a30;}
|
||||
h1 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
h2 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
h3 {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
p {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
a {color: white;font-family: Tahoma, Verdana, sans-serif;text-align: center;}
|
||||
|
||||
.container_index { display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: 1fr 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"kyledot nightcall external"
|
||||
"thebakery thecaldera external";
|
||||
}
|
||||
.kyledot { grid-area: kyledot; }
|
||||
.thebakery { grid-area: thebakery; }
|
||||
.nightcall { grid-area: nightcall; }
|
||||
.thecaldera { grid-area: thecaldera; }
|
||||
.external { grid-area: external; }
|
||||
|
||||
.container_projects { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"projects games";
|
||||
}
|
||||
.projects { grid-area: projects; }
|
||||
.games { grid-area: games; }
|
||||
|
||||
.container_resume { display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
gap: 0px 0px;
|
||||
grid-auto-flow: row;
|
||||
grid-template-areas:
|
||||
"employment skills";
|
||||
}
|
||||
.employment { grid-area: employment; }
|
||||
.skills { grid-area: skills; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user