mirror of
https://github.com/DigitalDesignDude/DSGM-Resource-Site.git
synced 2025-06-18 13:45:40 -04:00
Added Coding Reference Page
This commit is contained in:
DigitalDesignDude
parent
5878541271
commit
7206aac1fe
@ -5,11 +5,11 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About - DS Game Maker Resource Site </title>
|
||||
|
||||
|
||||
<!--FAVICONS-->
|
||||
<link rel="icon" type="image/png" href="/favicon.png">
|
||||
<link rel="shortcut icon" type="image/png" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-180x180.png">
|
||||
|
||||
<!--INFO META TAGS -->
|
||||
@ -28,7 +28,7 @@
|
||||
<meta property="og:image:height" content="640">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:locale" content="en_US">
|
||||
|
||||
|
||||
<meta name="twitter:title" content="About - DS Game Maker Resource Site">
|
||||
<meta name="twitter:description" content="Learn more about DS Game Maker and its version history and features.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
@ -102,7 +102,7 @@
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12 mb-3">
|
||||
<p>DS Game Maker is software for developing Nintendo Ds homebrew games with drag-and-drop visual coding, the C programming language or with its own language called DBAS (Dynamic BASic).
|
||||
<p>DS Game Maker is software for developing Nintendo DS homebrew games with drag-and-drop visual coding, the C programming language or with its own language called DBAS (Dynamic BASic).
|
||||
</p>
|
||||
<p>
|
||||
It was originally developed by James Garner with contributions by other developers from roughly 2007-2012. DS Game Maker, its website and community forum would continue to be officially available online until 2016 where after they went out of service. Around this time, DS Game Maker version 5.20 was the last official version released which was made to be entirely free with all pro features unlocked.
|
||||
|
||||
@ -5,11 +5,11 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Archives - DS Game Maker Resource Site</title>
|
||||
|
||||
|
||||
<!--FAVICONS-->
|
||||
<link rel="icon" type="image/png" href="/favicon.png">
|
||||
<link rel="shortcut icon" type="image/png" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-180x180.png">
|
||||
|
||||
<!--INFO META TAGS -->
|
||||
@ -28,7 +28,7 @@
|
||||
<meta property="og:image:height" content="640">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:locale" content="en_US">
|
||||
|
||||
|
||||
<meta name="twitter:title" content="Archives - DS Game Maker Resource Site">
|
||||
<meta name="twitter:description" content="Find and view archived DS Game Maker resources to help you make Nintendo DS Games.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
@ -108,8 +108,8 @@
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<p>From 2011-2016 or during DS Game Maker's more active years, it had a dedicated forum where users could find tutorials and get other help with using DS Game Maker. Unfortunately, the majority of the forum was not publicly archived before going out of service in 2016, but what is currently available can be viewed using the Internet Archive site's Wayback Machine.
|
||||
<br>
|
||||
<br>
|
||||
</p>
|
||||
<p>
|
||||
Consequently, this page contains many forum links that were discovered on Wayback Machine and goes over how you can explore the original forum should you wish to find more information to help you with your DS Game Maker projects.
|
||||
</p>
|
||||
|
||||
|
||||
1009
dsgm-coding-ref.html
Normal file
1009
dsgm-coding-ref.html
Normal file
File diff suppressed because it is too large
Load Diff
19
images/img-sidebar-grip-closed.svg
Normal file
19
images/img-sidebar-grip-closed.svg
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 14 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||
<g transform="matrix(1,0,0,1,-5469,-859.062)">
|
||||
<g transform="matrix(1.33333,0,0,4.36444,4892,0)">
|
||||
<g transform="matrix(0.374073,0,0,1.0842,270.028,53.9163)">
|
||||
<g transform="matrix(0.919108,0,0,0.345993,-4590.33,-67.2355)">
|
||||
<path d="M5498.15,583.859C5498.15,579.14 5484.47,575.308 5467.61,575.308L5467.61,636.388C5484.47,636.388 5498.15,632.556 5498.15,627.837L5498.15,583.859Z" style="fill:rgb(191,191,191);"/>
|
||||
</g>
|
||||
<g transform="matrix(0.919108,0,0,0.316379,-4590.33,-49.294)">
|
||||
<path d="M5498.15,584.66C5498.15,579.498 5484.47,575.308 5467.61,575.308L5467.61,636.388C5484.47,636.388 5498.15,632.197 5498.15,627.036L5498.15,584.66Z" style="fill:rgb(204,204,204);"/>
|
||||
</g>
|
||||
<g transform="matrix(-26.62,-4.76545e-16,2.62946e-15,-3.34858,457.353,141.128)">
|
||||
<path d="M0.067,-0.408C0.049,-0.39 0.049,-0.36 0.067,-0.342L0.447,0.038C0.465,0.056 0.495,0.056 0.513,0.038L0.558,-0.007C0.576,-0.025 0.576,-0.054 0.558,-0.073L0.257,-0.375L0.558,-0.677C0.576,-0.696 0.576,-0.725 0.558,-0.743L0.513,-0.788C0.495,-0.806 0.465,-0.806 0.447,-0.788L0.067,-0.408Z" style="fill:white;fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
19
images/img-sidebar-grip-opened.svg
Normal file
19
images/img-sidebar-grip-opened.svg
Normal file
@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 14 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
|
||||
<g transform="matrix(1,0,0,1,-5469,-993.331)">
|
||||
<g transform="matrix(1.33333,0,0,4.36444,4892,0)">
|
||||
<g transform="matrix(0.374073,0,0,1.0842,270.028,84.6806)">
|
||||
<g transform="matrix(0.919108,0,0,0.345993,-4590.33,-67.2355)">
|
||||
<path d="M5498.15,583.859C5498.15,579.14 5484.47,575.308 5467.61,575.308L5467.61,636.388C5484.47,636.388 5498.15,632.556 5498.15,627.837L5498.15,583.859Z" style="fill:rgb(52,165,255);"/>
|
||||
</g>
|
||||
<g transform="matrix(0.919108,0,0,0.316379,-4590.33,-49.294)">
|
||||
<path d="M5498.15,584.66C5498.15,579.498 5484.47,575.308 5467.61,575.308L5467.61,636.388C5484.47,636.388 5498.15,632.197 5498.15,627.036L5498.15,584.66Z" style="fill:rgb(118,194,255);"/>
|
||||
</g>
|
||||
<g transform="matrix(26.62,8.20165e-16,-6.52002e-15,3.34858,440.716,143.639)">
|
||||
<path d="M0.067,-0.408C0.049,-0.39 0.049,-0.36 0.067,-0.342L0.447,0.038C0.465,0.056 0.495,0.056 0.513,0.038L0.558,-0.007C0.576,-0.025 0.576,-0.054 0.558,-0.073L0.257,-0.375L0.558,-0.677C0.576,-0.696 0.576,-0.725 0.558,-0.743L0.513,-0.788C0.495,-0.806 0.465,-0.806 0.447,-0.788L0.067,-0.408Z" style="fill:white;fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
43
index.html
43
index.html
@ -6,11 +6,11 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>DS Game Maker Resource Site</title>
|
||||
|
||||
<!--FAVICONS-->
|
||||
|
||||
<!--FAVICONS-->
|
||||
<link rel="icon" type="image/png" href="/favicon.png">
|
||||
<link rel="shortcut icon" type="image/png" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-192x192.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="https://digitaldesigndude.github.io/DSGM-Resource-Site/favicon-180x180.png">
|
||||
|
||||
<!--INFO META TAGS -->
|
||||
@ -18,7 +18,7 @@
|
||||
<meta name="author" content="DigitalDesignDude">
|
||||
<meta name="keywords" content="DS Game Maker, Nintendo DS, DSGM, Nintendo DS Homebrew, DS Homebrew, Homebrew, Developer Resources, Documentation, Archive, Game Maker, Video Games">
|
||||
|
||||
<!--SOCIAL SNIPPET META TAGS-->
|
||||
<!--SOCIAL SNIPPET META TAGS-->
|
||||
<meta property="og:site_name" content="DS Game Maker Resource Site">
|
||||
<meta property="og:title" content="DS Game Maker Resource Site">
|
||||
<meta property="og:description" content="A knowledge resource website for using DS Game Maker to create Nintendo DS Games.">
|
||||
@ -29,7 +29,7 @@
|
||||
<meta property="og:image:height" content="640">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="en_US">
|
||||
|
||||
|
||||
<meta name="twitter:title" content="DS Game Maker Resource Site">
|
||||
<meta name="twitter:description" content="A knowledge resource website for using DS Game Maker to create Nintendo DS Games.">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
@ -101,9 +101,8 @@
|
||||
|
||||
<div class="VideoBannerContent">
|
||||
<div class="VideoBannerContentContainer">
|
||||
<h2>Make Nintendo DS Games with<br><i class="icon-dsgm"></i> DS Game Maker</h2>
|
||||
<h4>Develop all sorts of Nintendo DS games using drag and drop visual coding, the C programming language or with DBAS, DS Game Maker's own built-in language.
|
||||
</h4>
|
||||
<h2 style="margin-bottom: 30px">Make Nintendo DS Games with<br><i class="icon-dsgm"></i> DS Game Maker</h2>
|
||||
<h4>Develop Nintendo DS games using drag and drop visual coding, the C programming language or with DBAS, DS Game Maker's own built-in language.</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -124,13 +123,13 @@
|
||||
<div class="col-md-6 mb-3">
|
||||
<a href="https://github.com/DigitalDesignDude/DS-Game-Maker-5-Setup">
|
||||
<img class="post-thumbnail img-fluid" src="images/thumbnail-setup-dsgm-on-windows.png" alt="DS Game Maker Windows 11/10 Setup">
|
||||
<h3 class="post-thumbnail-title">DSGM Windows 11/10 Setup</h3>
|
||||
<h4 class="post-thumbnail-title">DSGM Windows 11/10 Setup</h4>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-md-6 mb-3">
|
||||
<a href="https://dsgamemaker.online/vmrelease.html">
|
||||
<img class="post-thumbnail img-fluid" src="images/thumbnail-dsgm-virtual-machine-guide.png" alt="DS Game Maker Virtual Machine Edition">
|
||||
<h3 class="post-thumbnail-title">DSGM Virtual Machine Edition</h3>
|
||||
<h4 class="post-thumbnail-title">DSGM Virtual Machine Edition</h4>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@ -152,9 +151,9 @@
|
||||
<div class="col-md-6 d-flex align-items-center py-3 px-0">
|
||||
<ul>
|
||||
<li><a href="hosted-files/DS%20Game%20Maker%205%20Manual.pdf">DS Game Maker 5 Manual.pdf</a></li>
|
||||
<li><a href="dsgm-coding-ref.html">DS Game Maker Coding Reference</a></li>
|
||||
<li><a href="hosted-files/PAlib%20Functions%20Reference.pdf">PAlib Functions Reference.pdf</a></li>
|
||||
<li><a href="hosted-files/DSGM%20Coding%20at%20a%20Glance.pdf">DSGM Coding at a Glance.pdf</a></li>
|
||||
<li><a href="hosted-files/Index%20of%20DS%20Game%20Maker%20Functions.pdf">Index of DS Game Maker Functions.pdf</a></li>
|
||||
<li><a href="hosted-files/PAlib%20Functions%20Reference.pdf">Palib Functions Reference.pdf</a></li>
|
||||
<li><a href="hosted-files/Troubleshooting%20Common%20Errors%20in%20DSGM%205.pdf">Troubleshooting Common Errors in DSGM 5.pdf</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -191,20 +190,30 @@
|
||||
<h2>Tutorials</h2>
|
||||
</div>
|
||||
|
||||
<div class="row ">
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<img class="post-thumbnail img-fluid" src="images/thumbnail_action-rpg-tut-01.png" alt="Action RPG Game Tutorial Thumbnail">
|
||||
<h3 class="post-thumbnail-title">Action RPG Tutorial #01 Sprite Movement</h3>
|
||||
<h4 class="post-thumbnail-title">Action RPG Tutorial #01 Sprite Movement</h4>
|
||||
<a href="https://www.youtube.com/channel/UCVmba1o66nWG6p-82g22iyg" class="post-sub-text">Coming soon! Subscribe to be notified.</a>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<a href="https://www.youtube.com/watch?v=dHIOLBCViCA&t=109s"></a>
|
||||
<div class="post-thumbnail fluidMedia16x9"><iframe src="https://www.youtube.com/embed/dHIOLBCViCA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
|
||||
<h3 class="post-thumbnail-title">Tap To Start Screen</h3>
|
||||
<h4 class="post-thumbnail-title">Tap To Start Screen</h4>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
<div class="post-thumbnail fluidMedia16x9"><iframe src="https://www.youtube.com/embed/iGOefvkqBlM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
|
||||
<h3 class="post-thumbnail-title">Fixing Color Palette Error</h3>
|
||||
<h4 class="post-thumbnail-title">Fixing Color Palette Error</h4>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-4 mb-3">
|
||||
<div class="post-thumbnail fluidMedia16x9"><iframe src="https://www.youtube.com/embed/9XNcgP3ebro" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
|
||||
<h4 class="post-thumbnail-title">Player Selection Screen</h4>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
</div>
|
||||
<div class="col-md-4 mb-3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@ -29,11 +29,14 @@ $(document).ready(function () {
|
||||
|
||||
// Store hash
|
||||
var hash = this.hash;
|
||||
|
||||
//Store extra offset value
|
||||
var offsetY = 60
|
||||
|
||||
// Using jQuery's animate() method to add smooth page scroll
|
||||
// The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
|
||||
$('html, body').animate({
|
||||
scrollTop: $(hash).offset().top
|
||||
scrollTop: $(hash).offset().top - offsetY //
|
||||
}, 800, function () {
|
||||
|
||||
// Add hash (#) to URL when done scrolling (default click behavior)
|
||||
|
||||
316
style.css
316
style.css
@ -25,6 +25,147 @@ main {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#main-container {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
#main-content {
|
||||
position: relative;
|
||||
background-color: white;
|
||||
padding: 80px 5%;
|
||||
margin: 0 auto;
|
||||
margin-left: 0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
/*Prevents unwanted animations when page initially loads*/
|
||||
.preload * {
|
||||
-webkit-transition: none !important;
|
||||
-moz-transition: none !important;
|
||||
-ms-transition: none !important;
|
||||
-o-transition: none !important;
|
||||
}
|
||||
|
||||
|
||||
#main-content.has-sidebar {
|
||||
transition: 0.5s;
|
||||
|
||||
/*remove space from stickly sidebar toggler*/
|
||||
margin-top: -100vh;
|
||||
}
|
||||
|
||||
#main-content.sidebar-opened {
|
||||
position: relative;
|
||||
margin-left: 200px;
|
||||
transition: 0.5s;
|
||||
|
||||
}
|
||||
|
||||
#sidebar-scroller {
|
||||
position: -webkit-sticky;
|
||||
position: -moz-sticky;
|
||||
position: -ms-sticky;
|
||||
position: -o-sticky;
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
z-index: 999999999;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#sidebar-container.opened {
|
||||
position: absolute;
|
||||
border-right: 6px solid #76C2FF;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 300000;
|
||||
|
||||
}
|
||||
|
||||
#sidebar-container {
|
||||
border-right: 6px solid #cbcbcb;
|
||||
position: absolute;
|
||||
z-index: 300000;
|
||||
left: -200px;
|
||||
transition: left 0.5s;
|
||||
}
|
||||
|
||||
#sidebar {
|
||||
pointer-events: all !important;
|
||||
background-color: #141414;
|
||||
overflow-y: auto;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
top: 0;
|
||||
color: white;
|
||||
width: 100%;
|
||||
padding: 80px 14px 0px;
|
||||
box-sizing: border-box;
|
||||
max-width: 200px;
|
||||
min-width: 200px;
|
||||
z-index: 300000;
|
||||
transition: width 0.5s;
|
||||
pointer-events: all !important;
|
||||
}
|
||||
|
||||
|
||||
#sidebar-toggler {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: -15px;
|
||||
z-index: 40005;
|
||||
transition: 0.5s;
|
||||
pointer-events: all !important;
|
||||
height: 100px;
|
||||
max-height: 100px;
|
||||
width: auto;
|
||||
content: url("images/img-sidebar-grip-closed.svg");
|
||||
|
||||
|
||||
}
|
||||
|
||||
#sidebar-toggler.opened {
|
||||
position: absolute;
|
||||
right: -15px;
|
||||
top: 50vh;
|
||||
z-index: 4000005;
|
||||
|
||||
}
|
||||
|
||||
#sidebar-toggler.opened {
|
||||
content: url("images/img-sidebar-grip-opened.svg");
|
||||
height: 100px;
|
||||
max-height: 100px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
#sidebar h2 a {
|
||||
font-size: 21px;
|
||||
color: #9ED3FF;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#sidebar ul {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
#sidebar ul li {
|
||||
color: white;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#sidebar a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
p,
|
||||
li,
|
||||
@ -33,6 +174,7 @@ label,
|
||||
input,
|
||||
select option,
|
||||
strong,
|
||||
table,
|
||||
dt,
|
||||
dd {
|
||||
font-family: 'Open Sans', 'Tahoma', sans-serif;
|
||||
@ -85,13 +227,13 @@ header {
|
||||
padding: 0px 0px;
|
||||
max-height: 48px;
|
||||
border-bottom: 1px solid rgb(128, 128, 128);
|
||||
z-index: 10000;
|
||||
z-index: 400000;
|
||||
}
|
||||
|
||||
.nav-fixed {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 1030;
|
||||
z-index: 9999999909;
|
||||
width: 80%;
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
@ -150,6 +292,7 @@ nav li a:hover {
|
||||
footer {
|
||||
background-color: black;
|
||||
border-radius: 0px 0px 16px 16px;
|
||||
z-index: 400000;
|
||||
}
|
||||
|
||||
footer .row {
|
||||
@ -185,12 +328,10 @@ h1 {
|
||||
color: #D8D8D8;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
h2 {
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
font-size: 32px;
|
||||
font-weight: 500;
|
||||
color: #666666;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
@ -199,19 +340,29 @@ h2 {
|
||||
h3 {
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
color: #393939;
|
||||
font-size: 22px;
|
||||
margin-bottom: 12px;
|
||||
font-weight: 500;
|
||||
font-size: 26px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
color: #3e3e3e;
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0px !important;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0;
|
||||
padding: 6px 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.themed-text {
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
color: #D8D8D8;
|
||||
@ -238,7 +389,7 @@ h5 {
|
||||
|
||||
|
||||
.section-container {
|
||||
scroll-margin-top: 100px;
|
||||
scroll-margin-top: 60px;
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
@ -248,11 +399,15 @@ h5 {
|
||||
|
||||
|
||||
.post-thumbnail {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 15px;
|
||||
|
||||
}
|
||||
|
||||
.post-thumbnail-title {
|
||||
text-align: center;
|
||||
font-size:
|
||||
|
||||
}
|
||||
|
||||
@ -347,6 +502,104 @@ h5 {
|
||||
background-color: #54a8ed !important;
|
||||
}
|
||||
|
||||
/*CODING REFERENCE ====================*/
|
||||
|
||||
.copyable {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.copyable .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 140px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 150%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
z-index: 999999999;
|
||||
}
|
||||
|
||||
.copyable .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: #555 transparent transparent transparent;
|
||||
}
|
||||
|
||||
.copyable:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.copyable:hover {
|
||||
color: #5CB5FD;
|
||||
}
|
||||
|
||||
|
||||
.anchor-element {
|
||||
background-color: red;
|
||||
min-height: 20px;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
border-collapse: collapse !important;
|
||||
}
|
||||
|
||||
td,
|
||||
th {
|
||||
border: 1px solid #ddd;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #1D1D1D;
|
||||
color: white;
|
||||
}
|
||||
|
||||
tr:nth-child(odd) {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
/*CODE STYLING =================================*/
|
||||
|
||||
.code-snippet-title {
|
||||
font-family: 'Ubuntu', 'Trebuchet MS', Sans-Serif !important;
|
||||
background-color: #d0d0d0;
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0px !important;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0;
|
||||
padding: 6px 4px;
|
||||
}
|
||||
|
||||
.code-snippet {
|
||||
border: 1px solid #d0d0d0;
|
||||
color: #0080ff;
|
||||
padding: 6px;
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
.description-blurb {
|
||||
margin-bottom: 26px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*MISC ====================================*/
|
||||
@ -421,7 +674,7 @@ h5 {
|
||||
top: 15%;
|
||||
left: 0%;
|
||||
/*Center Content and self*/
|
||||
text-align: center;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -440,27 +693,9 @@ h5 {
|
||||
|
||||
|
||||
|
||||
/*CODE STYLING =================================*/
|
||||
|
||||
.code-snippet {
|
||||
border: 1px solid #d0d0d0;
|
||||
color: #0080ff;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
|
||||
h4 {
|
||||
font-weight: 500;
|
||||
font-size: 20px;
|
||||
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
h5 {
|
||||
background-color: #d0d0d0;
|
||||
margin-bottom: 0;
|
||||
padding: 6px 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -475,11 +710,11 @@ h5 {
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
main {
|
||||
width: 90%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.nav-fixed {
|
||||
width: 90%;
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
nav li a {
|
||||
@ -496,15 +731,19 @@ h5 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 22px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/*MISC------------------------*/
|
||||
|
||||
|
||||
.VideoBanner .VideoContainer {
|
||||
|
||||
/* 16x9 video*/
|
||||
@ -519,11 +758,11 @@ h5 {
|
||||
@media only screen and (max-width: 360px) {
|
||||
|
||||
main {
|
||||
width: 92%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-fixed {
|
||||
width: 92%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#main-content {
|
||||
@ -538,15 +777,16 @@ h5 {
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 18px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user