TEB Updated-OLD2
How do I make an teb updated-old2?
What is a teb updated-old2? How do you make a teb updated-old2? This script and codes were developed by Digital Accessibility on 04 December 2022, Sunday.
TEB Updated-OLD2 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>TEB Updated-OLD2</title> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!--[if lt IE 9]>
<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="styles.css" rel="stylesheet" type="text/css"/>
<script src="tabs.js"></script>
<title>
Tristen Breitenfeldt's E-Portfolio
</title>
</head>
<body>
<header>
<h1>Tristen E. Breitenfeldt</h1>
<nav aria-label="tab bar">
<div id="tabs">
<ul id="tabs" > <li class="tab" id="tab1" aria-selected="true">
Main
</a></li> <li class="tab" id="tab2"><a href="autobiography.html" tabindex="0" role="link" accesskey="a" aria-selected="false">
Autobiography
</a></li> <li class="tab" id="tab3"><a href="guidingprinciples.html" tabindex="0" role="link" accesskey="g" aria-selected="false">
My Guiding Principles
</a></li> <li class="tab" id="tab4"><a href="learningoutcomes.html" tabindex="0" role="link" accesskey="l" aria-selected="false">
Learning Outcomes
</a></li> <li class="tab" id="tab5"><a href="comprehensiveproject.html" tabindex="0" role="link" accesskey="p" aria-selected="false">
Comprehensive Project
</a></li> <li class="tab" id="tab6"><a href="resume.html" tabindex="0" role="link" accesskey="r" aria-selected="false">
Resume
</a></li> <li class="tab" id="tab7"><a href="worksamples.html" tabindex="0" role="link" accesskey="w" aria-selected="false">
Work Samples
</a></li>
</ul>
</div>
</nav>
</header>
<main>
<div id="credentials">
<blockquote>M.S. in Educational Leadership and Policy<br>
Specialization in Postsecondary, Adult, and Continuing Education<br>
Portland State University<br>
(Graduating June 10, 2016)</blockquote>
</div>
<img src="http://www.tristenb.com/Kiowa.jpg" alt="Photo of Kiowa sitting in front of Tristen on their first day of training at Guide Dogs for the Blind. Kiowa is a 58 pound, female, black labrador Retriever with a triangular white patch on her chest."
height="252" width="166"/>
<br>
<h2>Welcome To My Portfolio!</h2>
<p>My name is Tristen Breitenfeldt and I am graduating with a Master of Science degree in Educational Leadership and Policy from the Postsecondary Adult and Continuing Education (PACE) program at Portland State University in June 2016. I am visually impaired and I transferred into the PACE graduate program from a Sped licensure program in Summer 2015. So, in short, I have a background in educating students with disabilities. Also during the Summer of 2015, I was sought out and hired by the PSU Office of Academic Innovation as a student employee. I have been working in that capacity for about ten months now and I absolutely love and strongly believe in the work that I do there.</p>
<p>My job is primarily as a part-time accessibility tester and I love it so much that I want electronic accessibility compliance and quality assurance to be my full-time career when I graduate in June. In preparation for a career in ensuring that electronic environments and content are accessible to everyone regardless of disability, I have focused my Comps project on the development and implementation of accessible e-learning design standards which I call the Universal Design For eLearning framework, UDEL for short.</p>
<p>Family is very important to me. I have two younger brothers with whom I am very close. My mom and most of my family live in Washington state. Additionally, in March of 2016, I welcomed a new friend and partner into my life named Kiowa! Kiowa is my new guide dog--a female, 52 pound black Labrador-Golden Retriever cross who is very energetic and lovable.</p>
<p>If you are interested in learning about the UDEL framework, please visit the <a href="http://www.tristenb.com/udel" target="_blank">Universal Design For eLearning primer</a> at www.tristenb.com/udel and be sure to also read my <a href="http://www.tristenb.com/comprehensiveproject.html" target="_blank">Theory To Practice paper</a> found at www.tristenb.com/comprehensiveproject.</p>
</main>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>
TEB Updated-OLD2 - Script Codes CSS Codes
body {
max-width: 2000px; /* It's always a good idea to set a maximum value for where your design will break, in case someone is looking on a really large display, like a projector. */ /*
background-image: url('http://www.tristenb.com/background-blue.jpg');
background-size:cover;
background-repeat: no-repeat;
background-attachment: fixed;*/ background-color: #F8F7F7 ;
color: #000000; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; font-size: 15px;
}
nav {
text-align: center;
background-color: #DFE9F0;
color: #000001;
border-radius: 20px; border: 1px solid #B5C0C7; /* border-width:1px 0;*/ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
display: block; margin: 8px 22px 8px 22px;
overflow: hidden;
width: 90%;
list-style:none;
padding:0;
}
nav li {
display: inline;
list-style-type: none;
}
nav a {
/*color: #000001;*/ display:inline-block;
line-height: 56px; padding:10px;
}
/*
nav li:hover {
background-color: #694489; }
*/
/*
nav a:hover {
color: #FFFFFF;
}
*/
/*
main {
width: 960px;
margin: 0 auto;
}
*/
h1, h2, h3, h4, h5, h6 {
text-align: center;
}
h4, h5, h6 {
text-align: left;
}
/*
id=”credentials”:
#credentials {
text-align: center;
}
*/
/*
id="nav2":
#nav2 {
text-align: center;
list-style:none;
}
*/
/*
#nav2 li {
margin: 0;
padding: 0;
list-style-type: none;
}
*/
/*
#nav2 a { font-weight: bold;
color: black;
}
*/
a:link {
color: #0066CC;
}
a:visited { color: #800080; /*purple*/
}
nav a:focus, nav a:hover { text-decoration: none; border: 2px solid #000080; background-color: #F8F7F7; color: #000080; border-radius: 10px;
}
a:hover { text-decoration: none; color: white; background-color: navy;
}
/*
a:active { color: #FF00FF; background-color: navy;
}
*/
th {
vertical-align: top;
}
TEB Updated-OLD2 - Script Codes JS Codes
window.onload=function() { // get tab container var container = document.getElementById("tabContainer"); // set current tab var navitem = container.querySelector(".tabs ul li"); //store which tab we are on var ident = navitem.id.split("_")[1]; navitem.parentNode.setAttribute("data-current",ident); //set current tab with class of activetabheader navitem.setAttribute("class","tabActiveHeader"); //hide two tab contents we don't need var pages = container.querySelectorAll(".tabpage"); for (var i = 1; i < pages.length; i++) { pages[i].style.display="none"; } //this adds click event to tabs var tabs = container.querySelectorAll(".tabs ul li"); for (var i = 0; i < tabs.length; i++) { tabs[i].onclick=displayPage; }
}
// on click of one of tabs
function displayPage() { var current = this.parentNode.getAttribute("data-current"); //remove class of activetabheader and hide old contents document.getElementById("tabHeader_" + current).removeAttribute("class"); document.getElementById("tabpage_" + current).style.display="none";
var ident = this.id.split("_")[1]; //add class of activetabheader to new active tab and show contents this.setAttribute("class","tabActiveHeader"); document.getElementById("tabpage_" + ident).style.display="block"; this.parentNode.setAttribute("data-current",ident);
} //Show and hide divs
function HideContent(d) {
document.getElementById(d).style.display = "none";
}
function ShowContent(d) {
document.getElementById(d).style.display = "block";
}
function ReverseDisplay(d) {
if(document.getElementById(d).style.display="none") { document.getElementById(d).style.display = "block"; }
else { document.getElementById(d).style.display = "none"; }
}
Developer | Digital Accessibility |
Username | digitalaccessibility |
Uploaded | December 04, 2022 |
Rating | 3 |
Size | 4,547 Kb |
Views | 14,168 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
TEB Updated-OLD3 | 4,537 Kb |
ADA widget | 2,525 Kb |
Tristen-comprehensive project-OLD | 4,558 Kb |
Tristen-Autobiography | 3,878 Kb |
TEB Updated-OLD1 | 4,524 Kb |
Tristen-Main | 4,335 Kb |
Tristen-Resume | 6,288 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
SVG hamburger menu button | Elifitch | 2,602 Kb |
Loading Bar | Jaradlight | 2,333 Kb |
A Pen by aleen42 | Aleen42 | 11,473 Kb |
Scroll to top button | DominicFrancois | 3,743 Kb |
Pure CSS Torch Light | Juliendargelos | 2,727 Kb |
A Pen by Shidhin | Shidhincr | 5,015 Kb |
Flying Bee | Pwsm50 | 3,711 Kb |
My three.js practice | Esambino | 3,203 Kb |
A Pen by Huan Nghiem | Nightshade | 10,646 Kb |
Jstam.com Home Page | Jstam | 10,558 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!