Fix MachineSettings breaking on mobile

This commit is contained in:
rmc 2023-11-27 01:15:23 -05:00
parent 2538488666
commit 81ba699734
No known key found for this signature in database
GPG Key ID: 5633EC10309D77D1
12 changed files with 190 additions and 353 deletions

5
.gitignore vendored
View File

@ -1,4 +1,5 @@
.DS_[Ss]tore
*.DS_[Ss]tore
*._*
.jekyll-metadata
.jekyll-cache
_site
_site

View File

@ -1 +1 @@
I"O{"source"=>"/Users/lillianskinner/Downloads/randommeaninglesscharacters.com", "destination"=>"/Users/lillianskinner/Downloads/randommeaninglesscharacters.com/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-sitemap", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "name"=>"rmc", "title"=>"rmc", "url"=>"http://localhost:4000", "imgurl"=>"https://cdn.randommeaninglesscharacters.com/img-dsi/", "appurl"=>"https://cdn.randommeaninglesscharacters.com/rmc-prg/", "feed"=>{"posts_limit"=>20, "path"=>nil}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
I"K{"source"=>"/Users/lillianskinner/Downloads/randommeaninglesscharacters.com", "destination"=>"/Users/lillianskinner/Downloads/randommeaninglesscharacters.com/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/:categories/:year/:month/:day/:title:output_ext"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-feed", "jekyll-sitemap", "jekyll-seo-tag"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"0.0.0.0", "baseurl"=>nil, "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "name"=>"rmc", "title"=>"rmc", "url"=>"http://0.0.0.0:4000", "imgurl"=>"https://cdn.randommeaninglesscharacters.com/img-dsi/", "appurl"=>"https://cdn.randommeaninglesscharacters.com/rmc-prg/", "feed"=>{"posts_limit"=>20, "path"=>nil}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET

View File

@ -31,35 +31,6 @@ function warnFaketad() {
</div>
</div>
-->
<style>
.devcsv-container {
display: grid;
grid-template-columns: 30% auto;
grid-column-gap: 0px;
grid-row-gap: 0px; gap: 10px;
border: 2px solid yellow;
font-size: 15px;
}
.devcsv-preview-container { grid-area: 1 / 1 / 2 / 3; }
.devcsv-info { grid-area: 2 / 1 / 3 / 2; }
.devcsv-info2 { grid-area: 2 / 2 / 3 / 3;margin-top: -41px; }
.devcsv-download { grid-area: 1 / 3 / 3 / 4; }
@media only screen and (min-width: 1000px) {
.devcsv-container {
grid-template-columns: auto;
padding: 5px;
border: 2px solid yellow;
font-size: 1vw;
}
.devcsv-preview-container { grid-area: 1 / 1 / 2 / 2; }
.devcsv-info { grid-area: 2 / 1 / 3 / 2; }
.devcsv-info2 { grid-area: 3 / 1 / 4 / 2;margin-top: -41px; }
.devcsv-download { grid-area: 4 / 1 / 5 / 2; }
}
</style>
<div class="devcsv-container">
<div class="devcsv-preview-container" style="border:2px solid red">

View File

@ -1,7 +1,7 @@
<div class="nav">
<nav>
<ul>
<li class="navedge"><img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_leftbracket.png" style="width:1.5vw;height:auto;margin:auto;"/></li>
<li class="navedge"><img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_leftbracket.png" style="width:1.5vw;height:auto;margin:auto;position: static;"/></li>
<div class="navpadding">
<!--<li class="navimg">
<div class="container">

View File

@ -1,75 +1,7 @@
---
layout: dsiware
---
dfytughkjgfdyfgiufdyrtfguiohgfdtyrtfgilhvkjchxtzsdguhovjfxdr6t87ughvkjcgxfdrtyiohgdy7r68t9y
<style>
.devinfo-container {
display: flex;
justify-content: space-around;
flex-direction: row;
padding: 10px;
}
.devinfo-container-main {
position: relative;
width: 75%;
font-size: 15px
}
.devinfo-container-sub {
position: relative;
width: 19%;
}
.devinfo-container-sub2 {
display: none;
}
.devinfo-main {
margin-left:10px;
margin-right:10px;
}
.devinfo-sub {
padding-top:10px;
padding-bottom:10px;
}
.devinfo-sub2 {
margin-left:auto;
margin-right:auto;
border: 2px solid blue;
}
.devcsv-table {
/*font-size: 1vw;*/
}
@media only screen and (max-width: 1000px) {
.devinfo-container {
flex-direction: column;
}
.devinfo-container-main {
padding-bottom: 20px;
width: 100%
}
.devinfo-container-sub {
display: none;
width: 25%;
}
.devinfo-container-sub2 {
display: block;
}
.devcsv--
}
/* for program pages */
.screenshot {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 20px;
}
.screenshot img {
width: 384px;
border: 5px solid white;
box-shadow: 0px 0px 2px 5px rgb(217,217,217,1);
}
</style>
dfytughkjgfdyfgiufdyrtfguiohgfdtyrtfgilhvkj
<div class="devinfo-container">
<!-- MAIN CONTENT -->
@ -77,12 +9,14 @@ dfytughkjgfdyfgiufdyrtfguiohgfdtyrtfgilhvkjchxtzsdguhovjfxdr6t87ughvkjcgxfdrtyio
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_u.png" style="width: 100%;position: static;display: block;">
<div style="background-image: url('https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_widepromptnobar.png');background-size:100% 100%;position: static;display: inline-block;">
{% assign ENTRY = site.data.dsinfo | find:"PROGRAM",page.app %}
<div class="devinfo-main" style="position:relative;">
<h1>{{ ENTRY.TITLE }}</h1>
<div style="text-align:right;"><a href="https://github.com/rvtr/rvtr.github.io/edit/master/dsidev/{{ ENTRY.PROGRAM | downcase }}.html" target="_blank">Edit</a></div>
<div style="text-align: left;font-size: 30px"><b>{{ ENTRY.TITLE }}</b></div><br>
{{ content }}
</div>
</div>
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_d.png" style="width: 100%;display:block;">
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_d.png" style="width: 100%;display: block;">
</div>
@ -108,37 +42,4 @@ dfytughkjgfdyfgiufdyrtfguiohgfdtyrtfgilhvkjchxtzsdguhovjfxdr6t87ughvkjcgxfdrtyio
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_d.png" style="width: 100%;display:block;">
</div>
</div>
<!--
<div class="float-container">
<div class="float-child1">
<div class="container" style="width:70%;">
<div class="" style="position:static;">
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_u.png" style="width:76.2vw;position:static;">
</div>
<div class="othertext" style="width:75.2vw;background-size: 100%;background-image: url('https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_widepromptnobar.png');position:static;">
{% assign ENTRY = site.data.dsinfo | find:"PROGRAM",page.app %}
<h1>{{ ENTRY.TITLE }}</h1>
{{ content }}
<p style="visibility: hidden;">paddingpaddingpaddingwhydoIneedpaddingwhydidImakethis siteIamsodumb</p><span style="font-size: .1vw;">&nbsp;</span>
</div>
</div>
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_widebarnoprompt_d.png" style="width:76.2vw;margin-right:10%:margin-top:3%;">
</div>
</div>
<div class="float-container" style="float:right;">
<div class="float-child1">
<div class="container" style="width:70%;">
<div class="" style="position:static;">
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_thinbarnoprompt_u.png" style="width:19.2vw;height:100%;position:static;">
</div>
<div class="othertext" style="width:18.2vw;background-size: 100%;background-image: url('https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_thinpromptnobar.png');position:static;">
% include devcsv.html %}
<span style="font-size: .1vw;">&nbsp;</span>
</div>
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_thinbarnoprompt_d.png" style="width:19.2vw;margin-right:10%:margin-top:3%;">
</div>
</div>
-->
</div>

View File

@ -14,6 +14,7 @@ code {
font-family: dsifont-bios;
font-size: 20px;
color: green;
word-wrap: break-word;
}
special {
font-family: dsifont-special;
@ -40,6 +41,7 @@ body {
width: auto;
height: auto;
text-align: center;
position: relative;
/* overflow: hidden; */
}
.navstd {
@ -86,6 +88,7 @@ body {
padding-top: .6vw;
width: 6vw;
height: auto;
position: static;
}
.navicon {
text-align: center;
@ -198,6 +201,168 @@ body {
padding-top: 1vw;
padding-left: 1vw;
}
.devinfo-container {
display: flex;
justify-content: space-around;
flex-direction: row;
padding: 10px;
}
.devinfo-container-main {
position: relative;
width: 75%;
font-size: 15px
}
.devinfo-container-sub {
position: relative;
width: 19%;
}
.devinfo-container-sub2 {
display: none;
}
.devinfo-main {
margin-left:10px;
margin-right:10px;
}
.devinfo-sub {
padding-top:10px;
padding-bottom:10px;
}
.devinfo-sub2 {
margin-left:auto;
margin-right:auto;
border: 2px solid blue;
}
.devcsv-table {
/*font-size: 1vw;*/
}
.devcsv-container {
display: grid;
grid-template-columns: 30% auto;
grid-column-gap: 0px;
grid-row-gap: 0px; gap: 10px;
border: 2px solid yellow;
font-size: 2vw;
}
.devcsv-preview-container { grid-area: 1 / 1 / 2 / 3; }
.devcsv-info { grid-area: 2 / 1 / 3 / 2; }
.devcsv-info2 { grid-area: 2 / 2 / 3 / 3;margin-top: -18.5%; }
.devcsv-download { grid-area: 1 / 3 / 3 / 4; }
/* ======================= mobile only settings ======================= */
@media only screen and (min-width: 1000px) {
.devcsv-container {
grid-template-columns: auto;
padding: 5px;
border: 2px solid yellow;
font-size: 1vw;
}
.devcsv-preview-container { grid-area: 1 / 1 / 2 / 2; }
.devcsv-info { grid-area: 2 / 1 / 3 / 2; }
.devcsv-info2 { grid-area: 3 / 1 / 4 / 2;margin-top: -41px; }
.devcsv-download { grid-area: 4 / 1 / 5 / 2; }
}
@media only screen and (max-width: 1000px) {
.devinfo-container {
flex-direction: column;
}
.devinfo-container-main {
padding-bottom: 20px;
width: 100%
}
.devinfo-container-sub {
display: none;
width: 25%;
}
.devinfo-container-sub2 {
display: block;
}
}
/* ======================= for index.html ======================= */
.flex-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
text-align: center;
justify-content: space-evenly;
padding-left: 10px;
}
.parent_or_guardian {
position: relative;
top: 0;
left: 0;
width: 200px;
padding-top: 20px;
}
.prompt {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.prompt_two_a_new_hover {
position: absolute;
top: 20px;
left: 0px;
width: 100%;
opacity: 0;
z-index: 2;
}
.prompt_two_a_new_hover:hover {
opacity: 1.0;
}
.flexception {
position: absolute;
display: inline-flex;
flex-direction: column;
z-index: 2;
align-items: stretch;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
.flexceptionception {
display: inline-flex;
flex-direction: row;
}
.flexceptionception_the_flexening {
display: inline-flex;
flex-direction: column;
}
.prompt_header {
padding-left: 10px;
text-align: left;
font-size: 12px;
}
.prompt_title {
height: 34px;
}
.prompt_info {
padding-top: 3px;
text-align: left;
font-size: 12px;
}
/* ======================= for program pages ======================= */
.screenshot {
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 20px;
}
.screenshot img {
width: 256px;
border: 5px solid white;
box-shadow: 0px 0px 2px 5px rgb(217,217,217,1);
}
/* ======================= For listing options in a program! ======================= */
table.menu {
border-collapse: collapse;

View File

@ -10,7 +10,8 @@ These prototypes have graphical bugs where the screens may flicker or cut off te
<b>Global controls:</b> L/R to change brightness, and START to reboot.
<h2>Version 1025-5199</h2>
This version of MachineSettings is currently the earliest known build, and is from TwlIPL at <code>TwlIPL/trunk/bin/ARM9-TS/Release/forDebug/system.srl</code>. It comes with the following settings:<br><br>
This version of MachineSettings is currently the earliest known build, and is from TwlIPL at <br><code>TwlIPL / trunk / bin / ARM9-TS / Release / forDebug / system.srl</code><br><br>It comes with the following settings:<br><br>
<table class="menu">
<tr>
<th class="menuheader">Option</th>
@ -43,7 +44,8 @@ These prototypes have graphical bugs where the screens may flicker or cut off te
</table>
<h2>Version 1542-6291</h2>
1542-6291 was recovered from the <a href="https://wiki.raregamingdump.ca/index.php/DSi_CPU-X4_Prototype">TWL-CPU-X4</a> prototype. This is least complete build and only comes with the following settings:<br><br>
1542-6291 was recovered from the <a href="https://wiki.raregamingdump.ca/index.php/DSi_CPU-X4_Prototype">TWL-CPU-X4</a> prototype. This is the least complete build and only comes with the following settings:<br><br>
<table class="menu">
<tr>
<th class="menuheader">Option</th>
@ -70,9 +72,10 @@ These prototypes have graphical bugs where the screens may flicker or cut off te
<td class="menuitem">Toggle wireless communications.</td>
</tr>
</table>
<h2>Version 2095-7739 and 2105-7739</h2>
Both of the <code>xxxx-7739</code> MachineSettings are found in some unformatted DSi units, quite possibly left over from a factory install. <code>2095-7739</code> and onwards are the most complete builds and come with the following settings:<br><br>
<table class="menu">
<tr>
<th class="menuheader">Option</th>
@ -121,8 +124,9 @@ These prototypes have graphical bugs where the screens may flicker or cut off te
</table>
<h2>Version 2725-9336</h2>
TAD files for this version were embedded in object files from TwlIPL at <code>TwlIPL/trunk/build/systemMenu_tools/TWLCaptureSystemWriter/ARM9.TWL/data/</code>. This is present in every TwlIPL branch and tag past 2009/04/01.<br><br>
TAD files for this version were embedded in object files from TwlIPL at <br><code>TwlIPL / trunk / build / systemMenu_tools / TWLCaptureSystemWriter / ARM9.TWL / data /</code><br><br>This is present in every TwlIPL branch and tag past 2009/04/01.<br><br>
Interestingly <code>2725-9336</code> comes in two versions. One is a development encrypted TAD, and the other is a retail encrypted TAD (this works on retail consoles with <a href="/dsidev/twlnmenu.html">TwlNmenu</a>). The development version is very limited with only 5 options, while the retail version has all options present:<br><br>
<table class="menu">
<tr>
<th class="menuheader">Option</th>
@ -171,7 +175,8 @@ These prototypes have graphical bugs where the screens may flicker or cut off te
</table>
<h2>Version ---- - ----</h2>
This is an unversioned copy of MachineSettings from TwlIPL at <code>TwlIPL/branches/20130304_launcher_save_app_tosd_Remodel/build/systemMenu_RED/MachineSettings/ARM9/bin/ARM9-TS.LTD.thumb/Release/HNBE.tad</code>. It comes with the following settings:<br><br>
This is an unversioned copy of MachineSettings from TwlIPL at<br><code style="word-wrap: break-word;">TwlIPL / branches / 20130304_launcher_save_app_tosd_Remodel / build / systemMenu_RED / MachineSettings / ARM9 / bin / ARM9-TS.LTD.thumb / Release / HNBE.tad</code><br><br>It comes with the following settings:<br><br>
<table class="menu">
<tr>
<th class="menuheader">Option</th>

View File

@ -66,7 +66,7 @@ A:LINK {
}
A:VISITED {
color : #666622;
/*color : #666622;*/
background : inherit;
text-decoration : none;
}

View File

@ -36,9 +36,10 @@ TD,TH{
</style>
</head>
<body>
<h1><i><a href="/"><--- Back to main site</a></i></h1>
<h1 align="left">maketad</h1>
<p>
<i><u>NOTE: This is an edited version of the official README.</u></i>
<i><u>NOTE: This is an edited version of the official README. See the revision history below for a list of changes.</u></i>
</p>
<h2>Description</h2>

View File

@ -19,3 +19,4 @@ TwlNmenu is a title manager similar to DevMenu for 3DS. TwlNmenu can install pro
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/screenshots/TwlNmenu/twlnmenu_install.png">
<img src="https://cdn.randommeaninglesscharacters.com/assets-dsi/screenshots/TwlNmenu/twlnmenu_2011.png">
</div>

View File

@ -2,78 +2,6 @@
title: Index
layout: dsiware
---
<style>
.flex-container {
display: flex;
flex-wrap: wrap;
gap: 20px;
text-align: center;
justify-content: space-evenly;
padding-left: 10px;
}
.parent_or_guardian {
position: relative;
top: 0;
left: 0;
width: 200px;
padding-top: 20px;
}
.prompt {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.prompt_two_a_new_hover {
position: absolute;
top: 20px;
left: 0px;
width: 100%;
opacity: 0;
z-index: 2;
}
.prompt_two_a_new_hover:hover {
opacity: 1.0;
}
.flexception {
position: absolute;
display: inline-flex;
flex-direction: column;
z-index: 2;
align-items: stretch;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
.flexceptionception {
display: inline-flex;
flex-direction: row;
}
.flexceptionception_the_flexening {
display: inline-flex;
flex-direction: column;
}
.prompt_header {
padding-left: 10px;
text-align: left;
font-size: 12px;
}
.prompt_title {
height: 34px;
}
.prompt_info {
padding-top: 3px;
text-align: left;
font-size: 12px;
}
</style>
<div>
<marquee><code style="font-size:2.5vw;color:green;" scrollamount="10">Greetings to ufo, lasscat, togemet2, Rolfie, HudU, xp, Haifisch, MaxiBash, NinjaCheetah, scalr, pancake, and collection_nintendo! Thanks to everyone across the web who has dumped, mirrored, or documented these programs. This entire website was designed and created by me, and me alone (unless you count stack overflow). Sure, it's barely working, but at least it looks nicer and has more information than any other public sites. Y'all need to remember that there's more than just TwlNmenu and NandFiler. Also just include damn links! These programs don't do any good when you can't download and use them. Oh well, at least I've fixed that now... unless you're on my GBAtemp branch. Sorry for the stripped down site. I don't have much of a choice with silly terms of service and DMCA stuff.</code></marquee>
<!-- ^ Real chads up here. -->

136
test.html
View File

@ -2,139 +2,3 @@
title: Index
layout: dsiware
---
<style>
body {
font-family: dsifont;
}
@font-face {
font-family: dsifont;
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/nintendo_NTLGDB_001.ttf);
}
@font-face {
font-family: dsifont-bios;
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/nintendo-DS-BIOS.ttf);
}
@font-face {
font-family: dsifont-special;
src: url(https://cdn.randommeaninglesscharacters.com/assets-dsi/font/NITROIPL_Gaiji.ttf);
}
.flex-container {
display: flex;
flex-wrap: wrap;
background-color: blue;
gap: 4%;
text-align: center;
justify-content: space-evenly;
}
.parent_or_guardian {
position: relative;
top: 0;
left: 0;
width: 200px;
padding-top: 20px;
}
.prompt {
position: relative;
top: 0;
left: 0;
border: 1px red solid;
width: 100%;
z-index: 1;
}
.prompt_two_a_new_hover {
position: absolute;
top: 20px;
left: 0px;
border: 1px green solid;
width: 100%;
opacity: 0;
z-index: 2;
}
.prompt_two_a_new_hover:hover {
opacity: 1.0;
}
.flexception {
position: absolute;
border: 1px orange solid;
display: inline-flex;
flex-direction: column;
z-index: 2;
align-items: stretch;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
}
.flexceptionception {
border: 1px blue solid;
display: inline-flex;
flex-direction: row;
}
.flexceptionception_the_flexening {
display: inline-flex;
border: 1px green solid;
flex-direction: column;
}
.prompt_header {
padding-left: 10px;
text-align: left;
font-size: 12px;
}
.prompt_title {
height: 34px;
}
.prompt_info {
padding-top: 3px;
text-align: left;
font-size: 12px;
}
</style>
wgrhtebdfsgdeqt4y53wu6ejrydtbfghzsaewt4y5u6erjydfgnhrwy5u46i57rktyjthxxxxxxxxxxxxxxxxxzcxsdfd
<div class="flex-container">
{% for ENTRY in site.data.dsinfo %}
{% if ENTRY.PUBLISHED == "TRUE" %}
<div class="parent_or_guardian">
<div class="flexception">
<div class="flexceptionception">
<div>
<img src="{{ site.imgurl }}{{ ENTRY.PROGRAM }}/{{ ENTRY.PROGRAM }}.gif" width="52px" height="52px">
</div>
<div class="prompt_header">
<div class="flexceptionception_the_flexening">
<div class="prompt_title">
{{ ENTRY.TITLE }}
</div>
<div>
Target:</b>
{% if ENTRY.SYSTEM == "TWL/DSi" %}
<span style="color:#ff0000;">{{ ENTRY.SYSTEM }}</span>
{% else %}
<span style="color:#3399ff;">{{ ENTRY.SYSTEM }}</span>
{% endif %}
</div>
</div>
</div>
</div>
<div class="prompt_info">
<i>{{ ENTRY.DESC }}</i>
</div>
</div>
<img class="prompt" src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_red_prompt.png" />
<a href="/dsidev/{{ ENTRY.PROGRAM | downcase }}.html"><img class="prompt_two_a_new_hover" src="https://cdn.randommeaninglesscharacters.com/assets-dsi/menu/dsi_prompthover.png" /></a>
</div>
{% endif %}
{% endfor %}
</div>