<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="index.css" rel="stylesheet" />
<title>Design HTML Temp</title>
</head>
<body>
<div class="container-design">
<div id="design-content-resources">
<p>
You can clone this repository by coping the web address @ <a href="https://github.com/lewislwood/drop-text-tutorial">drop-text-tutorial repository</a>. Git clone is the best and preferred of developing.
</p>
<p>
Perhaps you do not have git set up yet and want to get started right away. Then you can download this repository as a zip file @ <a href="https://github.com/lewislwood/drop-text-tutorial/zipball/main">Drop-Text-Tutorial Zip File</a>
</p>
<p><em><u>View Raw File Links</u></em></p>
<ul>
<li> The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/index.html">index.html</a> file is the file you are currently viewing. </li>
<li> The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/index.css">index.css</a> file is the general css styles. This file imports the droptext.css file for droptext specific styles. </li>
<li>The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/droptext.css">droptext.css</a> file holds all the drop-text css styles. This file isimported in by index.css. </li>
<li></li>
<li>
The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/droptext.js">droptext.js</a> file is the javascript that gives lfe to the html for dropText.
</li>
<li>
The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/design.html">design.html</a> is my staging area. Here I work out the html without a large overhead. When completed I copy it into the appropiate place in this index.html page.
</li>
</ul>
<p><em><u>Other Resources</u></em></p>
<p>
Never can get too much learning you vsCode IDE.The <a href="https://lewislwood.github.io/vsCode-Intro-Screen-Reader">vsCode Intoduction</a> is a really handy web site that helps you learn to utilize all the tricks to make your workflow faster and more accurate. At the bottom of this site is more resources from Microsoft Learning Center.
</p>
<p>
I just have to share this svg web site. I a blind man created my first 2 svg icons. Just a simple plus and minus symbol I used for the drop buttons. I had them down (learning to finish) in 15 minutes. Give it a try yourself @ <a href="http://blindsvg.com">blindsvg.com</a>.
</p>
</div>
<div id="drop-5" class="collapsed" >
<div class="drop-header">
<div tabindex="0" class="drop-heading" role="heading" aria-level="3" name="drop-heading">
Resources
</div>
<button class="dropActionBtn" aria-controls="drop-5" aria-expanded="false" name="drop-action-button" aria-level="0">
<img src="./images/collapse.svg" alt="Collapse drop panel level1" class="drop-image" name="drop-image">
</button>
</div>
<div name="drop-content" class="drop-content" aria-hidden="true">
<div id="design-content-resources">
<p>
You can clone this repository by coping the web address @ <a href="https://github.com/lewislwood/drop-text-tutorial">drop-text-tutorial repository</a>. Git clone is the best and preferred of developing.
</p>
<p>
Perhaps you do not have git set up yet and want to get started right away. Then you can download this repository as a zip file @ <a href="https://github.com/lewislwood/drop-text-tutorial/zipball/main">Drop-Text-Tutorial Zip File</a>
</p>
<p><em><u>View Raw File Links</u></em></p>
<ul>
<li> The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/index.html">index.html</a> file is the file you are currently viewing. </li>
<li> The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/index.css">index.css</a> file is the general css styles. This file imports the droptext.css file for droptext specific styles. </li>
<li>The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/droptext.css">droptext.css</a> file holds all the drop-text css styles. This file isimported in by index.css. </li>
<li></li>
<li>
The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/droptext.js">droptext.js</a> file is the javascript that gives lfe to the html for dropText.
</li>
<li>
The <a href="https://raw.github.com/lewislwood/drop-text-tutorial/main/design.html">design.html</a> is my staging area. Here I work out the html without a large overhead. When completed I copy it into the appropiate place in this index.html page.
</li>
</ul>
<p><em><u>Other Resources</u></em></p>
<p>
Never can get too much learning you vsCode IDE.The <a href="https://lewislwood.github.io/vsCode-Intro-Screen-Reader">vsCode Intoduction</a> is a really handy web site that helps you learn to utilize all the tricks to make your workflow faster and more accurate. At the bottom of this site is more resources from Microsoft Learning Center.
</p>
<p>
I just have to share this svg web site. I a blind man created my first 2 svg icons. Just a simple plus and minus symbol I used for the drop buttons. I had them down (learning to finish) in 15 minutes. Give it a try yourself @ <a href="http://blindsvg.com">blindsvg.com</a>.
</p>
</div>
</div>
</div>
<!-- next one is container closing tag -->
</div>
</body>
</html>