Skip to content

Commit

Permalink
Added more news, changed some design aspects. Still figuring out the …
Browse files Browse the repository at this point in the history 
…header
  • Loading branch information
@Kai-Young
Kai-Young committed May 21, 2024
1 parent 3e48d71 commit 4d3fbf5
Show file tree
Hide file tree
Showing 8 changed files with 93 additions and 29 deletions.
2 changes: 1 addition & 1 deletion css/bootstrap.min.css
View file

Large diffs are not rendered by default.

7 changes: 4 additions & 3 deletions get_engaged.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,17 +14,18 @@
</head>
<body>
<div class="container">
<!--<header class="jumbotron subhead" id="overview">-->
<!--<header class="jumbotron subhead" id="overview">
<h2 class="centered"> <a href="https://www.wwu.edu/">Western Washington University </a> <a href = "https://cs.wwu.edu/">CS Department </a></h2>
<div class="centered">
<img src = "logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"/>
</div>
</div> -->
<!--</header>-->
<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="index.html"><img src="logos/KIND_LOGO-miniscule-transparent.png" alt="research-lab-logo"></a></li>
<li><a href="index.html">Home</a></li>
<li><a href="people.html">People</a></li>
<li><a href="projects.html">Projects</a></li>
Expand Down Expand Up @@ -90,7 +91,7 @@ <h3>Contact Information</h3>
<a href="mailto:yasmine.elglaly@wwu.edu">Email</a>
</div>
<div class="span2">
<img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/>
<a href="index.html"><img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/></a>
</div>
<div class="span5">
<h3>Lab Address</h3>
Expand Down
64 changes: 53 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
</head>
<body>
<div class="container">
<!--<header class="jumbotron subhead" id="overview">-->
<!--<header class="jumbotron subhead" id="overview">-->
<div class="row-fluid">
<div class="span6">
<a href="index.html"><img src="logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"></a>
Expand All @@ -22,16 +22,14 @@ <h2 class = "centered"> <a href="https://www.wwu.edu/"><br>Western Washington Un
<!--<div class="centered">
<img src = "logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"/>
</div>-->

</div>

<!--</header>-->

<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<ul class="nav">
<li><a href="index.html"><img src="logos/KIND_LOGO-miniscule-transparent.png" alt="research-lab-logo"></a></li>
<li class="active"><a href="#">Home</a></li>
<li><a href="people.html">People</a></li>
<li><a href="projects.html">Projects</a></li>
Expand All @@ -41,6 +39,7 @@ <h2 class = "centered"> <a href="https://www.wwu.edu/"><br>Western Washington Un
</div>
</div>
</div>

<!-- <div class="row-fluid">
<div class="span12">
<div id="main-carousel" class="carousel slide">
Expand Down Expand Up @@ -74,24 +73,34 @@ <h4>Main Building Photo</h4>
</div>
</div>
<hr> -->

<div class="container-fluid">
<img src="logos/Motto_filtered.jpg" alt="Computer with the words Make Accessibility Mainstream on the screen">
<div class="page-header">
<div class="span6">
<img src="logos/Motto_filtered_cropped_with_whitespace.jpg" alt="Computer with the words Make Accessibility Mainstream on the screen">
</div>

<div class="row-fluid">
<!--<div class="page-header">-->
<br>
<br>
<h3>About the KIND Lab</h3>
</div>
<!--</div>-->
<div class="row-fluid marketing">
<div class="span12">
<!--<div class="span12">-->
<p>
In the KIND lab, we collaborate on projects that aim to make accessibility mainstream in the software industry as well as in computing education. Additionally, we design software for people with disabilities to support their learning and access to information. In the KIND lab, we work remotely and meet in person when we can. We share virtual space and physical space to accommodate various work preferenes. We do our best to meet deadlines, but we prioritize your well being and mental health.
</p>
<br/>
</div>
<div class="row-fluid">
</div>
<div class="row-fluid marketing">
<hr>
<h2 class="centered">Recent News</h2>
<hr>
</div>
<h3>2024 </h3>
<div class="row-fluid">
<br>
<div class="span12 feature-item">
<!--<h5> <span class="date">March 2024</span> </h5>-->
<h4 class="feature-heading">
Expand All @@ -112,12 +121,45 @@ <h4 class="feature-heading">
</div>
<div class="span12 feature-item">
<h4 class="feature-heading">
Presentation at SIGSCE Technical Symposium: Tyanin Opdahl presented the paper <a href="https://dl.acm.org/doi/abs/10.1145/3626252.3630815"><i>Crafting Disability Fairness Learning in Data Science: A Student-Centric Pedagogical Approach</i></a> at the conference
Presentation at SIGSCE Technical Symposium: Undergrad researcher Tyanin Opdahl presented the paper <a href="https://dl.acm.org/doi/abs/10.1145/3626252.3630815"><i>Crafting Disability Fairness Learning in Data Science: A Student-Centric Pedagogical Approach</i></a> at the conference
</h4>
<br/>
</div>
<h3>2023 </h3>
<div class="span12 feature-item">
<h4 class="feature-heading">
LinkedIn Livesteam: Participated in a livestreamed panel discussing <a href="https://www.linkedin.com/events/7042156164020609025/about/"> how the pandemic has impacted women in computing </a>
</h4>
<br/>
</div>
<div class="span12 feature-item">
<h4 class="feature-heading">
Presentation at SIGSCE Technical Symposium: An undergrad researcher presented the paper <a href="https://dl.acm.org/doi/abs/10.1145/3545945.3569802"><i>Towards Machine Learning Fairness Education in a Natural Language Processing Course</i></a> at the conference
</h4>
<br/>
</div>
<h3>2022 </h3>
<div class="span12 feature-item">
<h4 class="feature-heading">
Workshop on accessibility: The online workshop discussed <a href="https://dl.acm.org/doi/abs/10.1145/3517428.3550404">how to successfully teach accessibility in computing</a>
</h4>
<br/>
</div>
<h3>2021 </h3>
<div class="span12 feature-item">
<h4 class="feature-heading">
Grant: Recieved a grant from the US National Science Foundation for <a href="https://www.nsf.gov/awardsearch/showAward?AWD_ID=2121606">Helping Computer Science Students Learn How to Build Accessible Computing Technologies</a>
</h4>
<br/>
</div>
<div class="span12 feature-item">
<h4 class="feature-heading">
Grant: Recieved a grant from SIGSCE for <a href="https://sigcse.org/programs/special/2021.html">Teaching Accessibility for Fairness in AI Courses</a>
</h4>
<br/>
</div>
<hr>
</div>
<!--
<div class="span12 feature-item">
Expand Down Expand Up @@ -164,7 +206,7 @@ <h4>
<a href = "https://cs.wwu.edu/">CS Department </a></h4>
</div>
<div class="span2">
<img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/>
<a href="index.html"><img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/></a>
</div>
<div class="span5">
<h3>Lab Address</h3>
Expand Down
Binary file added logos/KIND_LOGO-tiny-transparent.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added logos/Motto_filtered_cropped.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added logos/Motto_filtered_cropped_with_whitespace.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 20 additions & 8 deletions people.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,25 +14,37 @@
<body>
<div class="container">
<!--<header class="jumbotron subhead" id="overview">-->
<h2 class="centered"> <a href="https://www.wwu.edu/">Western Washington University </a> <a href = "https://cs.wwu.edu/">CS Department </a></h2>
<div class="centered">
<img src = "logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"/>
</div>
<!-- <div class="row-fluid">
<div class="span6">
<a href="index.html"><img src="logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"></a>
</div>
<h2 class = "centered"> <a href="https://www.wwu.edu/"><br>Western Washington University </a> <a href = "https://cs.wwu.edu/">CS Department </a></h2>-->
<!--<div class="centered">
<img src = "logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"/>
</div>
</div> -->

<!--</header>-->
<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<div class="container">
<ul class="nav">
<li><a href="index.html"><img src="logos/KIND_LOGO-tiny-transparent.png" alt="research-lab-logo"></a></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li><a href="index.html">Home</a></li>
<li class="active"><a href="#">People</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="get_engaged.html">Get Engaged</a></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<hr>
<div class="row-fluid">
<div class="span3 bs-docs-sidebar" id="navparent">
Expand Down Expand Up @@ -295,7 +307,7 @@ <h3>Contact Information</h3>
<a href="mailto:yasmine.elglaly@wwu.edu">Email</a>
</div>
<div class="span2">
<img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/>
<a href="index.html"><img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/></a>
</div>
<div class="span5">
<h3>Lab Address</h3>
Expand Down
21 changes: 15 additions & 6 deletions projects.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,11 +14,19 @@
<body>
<div class="container">
<!--<header class="jumbotron subhead" id="overview">-->
<h2 class="centered"> <a href="https://www.wwu.edu/">Western Washington University </a> <a href = "https://cs.wwu.edu/">CS Department </a></h2>
<div class="centered">
<img src = "logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"/>
</div>
<div class="row-fluid">
<div class="span6">
<a href="index.html"><img src="logos/KIND_LOGO-small-transparent.png" alt="research-lab-logo"></a>
</div>
<h2 class = "centered">
<a href="index.html">Home </a>
<a href = "people.html"><br>People </a>
<a href = "projects.html"><br>Projects </a>
<a href = "get_engaged.html"><br>Get Engaged </a>

</h2>
<!--</header>-->
<!--
<div class="masthead">
<div class="navbar">
<div class="navbar-inner">
Expand All @@ -32,7 +40,7 @@ <h2 class="centered"> <a href="https://www.wwu.edu/">Western Washington Universi
</div>
</div>
</div>
</div>
</div>--->
<hr>
<div class="row-fluid">
<div class="span3 bs-docs-sidebar" id="navparent">
Expand Down Expand Up @@ -266,6 +274,7 @@ <h4>Facilisis Magna</h4>
</div>
</div>
</div>
</div>
<footer id="footer">
<div class="container-fluid">
<div class="row-fluid">
Expand All @@ -278,7 +287,7 @@ <h3>Contact Information</h3>
<a href="mailto:yasmine.elglaly@wwu.edu">Email</a>
</div>
<div class="span2">
<img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/>
<a href="index.html"><img src = "logos/KIND_LOGO-med-transparent.png" alt="research-lab-logo"/></a>
</div>
<div class="span5">
<h3>Lab Address</h3>
Expand Down

0 comments on commit 4d3fbf5

Please sign in to comment.