---
layout: dsiware
---
<!-- 

		Do you remember a reaaaaaally long time ago when you first created dsinfo.csv?
		And remember how everything duplicated a bajillion times?

		This is why there's currently "if ENTRY.PUBLISHED == 'TRUE'"
		The first entry for a set of programs will have PUBLISHED set to TRUE.
		That makes sure that only ONE content is made for ONE entry of the same program.

		Let's uhhhh maybe fix that later. Do something that doesn't require needing this PUBLISHED flag.
		It also prevents unpublished pages from showing content, even though they'll still be generated.

		(I was genuinely confused on what this was for during the last few months and had no idea)

-->
{% for ENTRY in site.data.dsinfo -%}
  {%- if ENTRY.PUBLISHED == "TRUE" -%}
	{%- if ENTRY.PROGRAM == page.app -%}
<div class="devinfo-container">
<!-- MAIN CONTENT -->
   <div class="devinfo-container-main colorbox0">
      <img src="{{ site.imgui }}menu/green/dsi_widebarnoprompt_u.png" style="width: 100%;position: static;display: block;" class="pixelate">
      <div style="background-image: url('{{ site.imgui }}menu/dsi_widepromptnobar.png');background-size:100% 100%;position: static;display: inline-block;width:100%;">
      <div class="devinfo-main" style="position:relative;">
        <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>
        <h1>{{ ENTRY.TITLE }}</h1>
        <!-- Generate list for programs sets like TWL EVA -->
		{% for sc in page.category -%}
		<table class="category-table">
		  <tr>
		  	<!-- dummystyle gets replaced with the CSS for the current theme in /theme.js -->
		  	<th class="colordiv category-header" style="/*dummystyle*/">
			  Other <!--<a href="/dsidev/{{ sc  | replace: ' ', '_' | downcase }}/index.html">{{ sc }}</a>-->{{ sc }} programs
			</th>
		  </tr>
		  {%- if page.catdesc -%}
			  <tr class="category-footer">
	          <td><i>{{ page.catdesc }}</i></td>
	        </tr>
	     {%- endif -%}
		  <tr>
		  	<td style="line-height: 1.9;">
		  	<!-- I enjoy eliptical indentation -->
		  	  {% assign i = 0 %}
		        {%- for page in site.pages -%}
			           {% for TEST in site.data.dsinfo -%}
				             {%- if TEST.PROGRAM == page.app -%}
					               {%- if TEST.PUBLISHED == "TRUE" -%}
					                   {%- if page.group == true -%}
					     	                {%- for pc in page.category -%}
					     	                   {%- if pc == sc -%}
					     	                        {%- if i != 0 and page.sequence == true -%}
					     	                         <!-- Overly fancy arrows to show an order in a list. Counter to not display on the first loop -->
					     	                          -->
					     	                        {%- endif -%}
					     	                        {%- if i != 0 and page.sequence == false -%}
					     	                          -
					     	                        {%- endif -%}

					      	                     {% assign i = i | plus: 1 %}
					      	                     {%- if ENTRY.PROGRAM == TEST.PROGRAM -%}
					      	                   		<span style="padding:10px;"><b>{{ page.altname }}</b></span>
					      	                   	{%- else -%}
					      	                   		<a class="category-list" href="{{ page.url }}">{{ page.altname }}</a>
					      	                   	{%- endif -%}
					      	                {%- endif -%}
					    	                {%- endfor -%}
					    	             {%- endif -%}
					    	         {%- endif -%}
				             {%- endif -%}
			         {%- endfor %}
		    	{%- endfor -%}
		    </td>
		  </tr>
		</table>
		{%- endfor %}
        {{ content }}
      </div>
      </div>
      <img src="{{ site.imgui }}menu/green/dsi_widebarnoprompt_d.png" style="width: 100%;display: block;" class="pixelate">
   </div>

<!-- I LOVE INLINE CSS!!!!!!!! -->

<!-- SUB CONTENT - FOR DESKTOP -->
   <div class="devinfo-container-sub colorbox1">
      <img src="{{ site.imgui }}menu/green/dsi_thinbarnoprompt_u.png" style="width: 100%;position: static;display: block;" class="pixelate">
      <div style="background-image: url('{{ site.imgui }}menu/dsi_thinpromptnobar.png');background-size:100% 100%;position: static;display: inline-block;width:100%;">
      <div class="devinfo-sub" style="position:relative;">
        {% include devcsv.html %}
      </div>
      </div>
      <img src="{{ site.imgui }}menu/green/dsi_thinbarnoprompt_d.png" style="width: 100%;display:block;" class="pixelate">
   </div>

<!-- SUB CONTENT - FOR MOBILE (SUB2) -->
   <div class="devinfo-container-sub2 colorbox1">
      <img src="{{ site.imgui }}menu/green/dsi_widebarnoprompt_u.png" style="width: 100%;position: static;display: block;" class="pixelate">
      <div style="background-image: url('{{ site.imgui }}menu/dsi_widepromptnobar.png');background-size:100% 100%;position: static;display: inline-block;width:100%;">
      <div class="devinfo-sub2" style="position:relative;">
        {% include devcsv.html %}
      </div>
      </div>
      <img src="{{ site.imgui }}menu/green/dsi_widebarnoprompt_d.png" style="width: 100%;display:block;" class="pixelate">
   </div>

</div>
    {%- endif -%}
  {%- endif -%}
{%- endfor %}