Skip to content

Commit

Permalink
Merge pull request #4 from autoslug/dev
Browse files Browse the repository at this point in the history
fix paths, formatting
  • Loading branch information
ishanm0 authored Oct 4, 2024
2 parents 23323ee + d858838 commit e12868b
Show file tree
Hide file tree
Showing 8 changed files with 140 additions and 105 deletions.
49 changes: 27 additions & 22 deletions about/about.css
Original file line number Diff line number Diff line change
@@ -1,67 +1,72 @@
.topbar{
.topbar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: fixed;
background-color:rgb(31, 10, 45);
background-color: rgb(31, 10, 45);
width: 100%;
}
.midbox{
display:flex;

.midbox {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.topbarRight{

.topbarRight {
padding-right: 20px;
}
.topbarLeft
{
padding-left:10px;

.topbarLeft {
padding-left: 10px;
}

.bottomTile {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.centerTile{

.centerTile {
padding-left: 40px;
padding-right: 40px;
}
a.links:link{

a.links:link {
color: white;
text-decoration: none;
font-size:20px;
font-size: 20px;
font-weight: bold;
font-family: 'Orbitron', sans-serif;

}
a.links:visited
{
color:white;

a.links:visited {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;

}
a.links:hover
{

a.links:hover {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;


}
a.links:active
{

a.links:active {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;
}
}
14 changes: 7 additions & 7 deletions about/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | Autoslug</title>
<link rel="icon" href="assets/logo.png">
<link rel="icon" href="/assets/logo.png">
<link rel="stylesheet" href="about.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Expand All @@ -18,21 +18,21 @@
<div class = "topTile" style = "background-color:rgb(31, 10, 45); padding: 0px;">
<div class = "topbar">
<div class = topbarLeft>
<img src="../assets/logo.png" width = "100" height = "100" alt="AutoSlug" style = "padding-left: 10px">
<img src="/assets/logo.png" width = "100" height = "100" alt="AutoSlug" style = "padding-left: 10px">
</div>
<div class = topbarRight>
<a href="../index.html"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="../index.html"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="../projects/index.html" class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="../team/index.html" class = "links"style = "padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="/"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="/"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="/projects/" class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="/team/" class = "links"style = "padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="https://secure.ucsc.edu/s/1069/bp18/interior.aspx?sid=1069&gid=1001&pgid=780&cid=1749&dids=1207" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none" target="_blank">DONATE</a>
</div>
</div>
</div>
<div class = "centerTile" style = "background-color:rgb(72, 9, 116)">
<div style = "color: white;text-align: center;font-family: 'Orbitron', sans-serif;font-size: 50px;padding-bottom: 40px; padding-top: 120px;">ABOUT US</div>
<div class = "midbox">
<img width = "900px" height = "650px"src="../assets/cornucopia.JPG">
<img width = "900px" height = "650px"src="/assets/cornucopia.JPG">
<div style="padding-top: 60px">
<div style = "line-height:1.5;font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace;font-size:20px; color:white; padding-top: 30px; text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 60px;">Autoslug is a Baskin-affiliated organization dedicated to developing practical applications of artificial intelligence (AI), machine learning (ML), and computer vision (CV). We believe that these technologies have the potential to revolutionize many aspects of our lives, and we are committed to providing students with the opportunity to learn how to use them in actual settings. We believe that students should have the opportunity to learn how to use these tools in an applicable real-world environment; to ultimately expand beyond the theoretical side of these advanced concepts and explore their intersection with humans, data, and other forms of hardware.</div>
<div style = "line-height:1;font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace;font-size:20px; color:white; padding-top: 30px; text-align: left; padding-left: 20px; padding-right: 20px; padding-bottom: 0px;">We offer a variety of projects and resources to help students achieve their goals and develop skills in AI, ML, and CV, including:</div>
Expand Down
57 changes: 29 additions & 28 deletions index.css
Original file line number Diff line number Diff line change
@@ -1,66 +1,67 @@
.topbar{
.topbar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: fixed;
background-color:rgb(31, 10, 45);
background-color: rgb(31, 10, 45);
width: 100%;
}
.midbox
{
display:flex;

.midbox {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.bottomTile
{
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;

.bottomTile {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}

.topbarRight{
.topbarRight {
padding-right: 20px;
}
.topbarLeft
{
padding-left:10px;

.topbarLeft {
padding-left: 10px;
}
a.links:link{

a.links:link {
color: white;
text-decoration: none;
font-size:20px;
font-size: 20px;
font-weight: bold;
font-family: 'Orbitron', sans-serif;

}
a.links:visited
{
color:white;

a.links:visited {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;

}
a.links:hover
{

a.links:hover {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;


}
a.links:active
{

a.links:active {
color: white;
text-decoration: none;
font-family: 'Orbitron', sans-serif;
font-size:20px;
font-size: 20px;
font-weight: bold;
}
}
53 changes: 35 additions & 18 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,36 +1,53 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Autoslug</title>
<link rel="stylesheet" href="index.css">
<link rel="icon" href="assets/logo.png">
<link rel="icon" href="/assets/logo.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Sometype+Mono:wght@700&display=swap" rel="stylesheet">
<link rel="icon" href="assets/logo.png">
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Sometype+Mono:wght@700&display=swap"
rel="stylesheet">
<link rel="icon" href="/assets/logo.png">

</head>
<body style = "margin: 0px;">
<div class = "topTile" style = "background-color:rgb(31, 10, 45); padding: 0px;">
<div class = "topbar">
<div class = topbarLeft>
<img src="assets/logo.png" width = "100" height = "100" alt="AutoSlug" style = "padding-left: 10px">

<body style="margin: 0px;">
<div class="topTile" style="background-color:rgb(31, 10, 45); padding: 0px;">
<div class="topbar">
<div class=topbarLeft>
<img src="/assets/logo.png" width="100" height="100" alt="AutoSlug" style="padding-left: 10px">
</div>
<div class = topbarRight>
<a href="index.html"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="about/index.html"class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="projects/index.html" class = "links" style = "padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="team/index.html" class = "links"style = "padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="https://secure.ucsc.edu/s/1069/bp18/interior.aspx?sid=1069&gid=1001&pgid=780&cid=1749&dids=1207" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none" target="_blank">DONATE</a>
<div class=topbarRight>
<a href="/" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="/about" class="links"
style="padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="/projects" class="links"
style="padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="/team" class="links"
style="padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="https://secure.ucsc.edu/s/1069/bp18/interior.aspx?sid=1069&gid=1001&pgid=780&cid=1749&dids=1207"
class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none"
target="_blank">DONATE</a>
</div>
</div>
<img src = "assets/giving_day_banner2.png" style = "max-width:100%; height:auto; padding-top: 50px;">
<div style = "font-family: 'Orbitron', sans-serif;font-size:20px; color:white; padding-top: 80px; text-align: center; font-size: 50px;"> WELCOME TO AUTOSLUG</div>
<div style = "font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace;font-size:20px; color:white; padding-top: 80px; text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 60px;">Autoslug is an organization affiliated with the Baskin School of Engineering that specializes in implementing AI, machine learning, and computer vision in practical applications. Our goal is to provide students with opportunities to gain hands-on experience and move beyond the theoretical aspects of these advanced concepts in order to apply them. This would lead to delving into their intersections with humans, data, and various hardware environments.</div>
<img src="assets/giving_day_banner2.png" style="max-width:100%; height:auto; padding-top: 50px;">
<div
style="font-family: 'Orbitron', sans-serif;font-size:20px; color:white; padding-top: 80px; text-align: center; font-size: 50px;">
WELCOME TO AUTOSLUG</div>
<div
style="font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace;font-size:20px; color:white; padding-top: 80px; text-align: center; padding-left: 20px; padding-right: 20px; padding-bottom: 60px;">
Autoslug is an organization affiliated with the Baskin School of Engineering that specializes in
implementing AI, machine learning, and computer vision in practical applications. Our goal is to provide
students with opportunities to gain hands-on experience and move beyond the theoretical aspects of these
advanced concepts in order to apply them. This would lead to delving into their intersections with humans,
data, and various hardware environments.</div>
</div>
<div class = "bottomTile" style = "background-color:rgb(36, 16, 50); padding-top: 30px; padding-bottom: 30px;"></div>
<div class="bottomTile" style="background-color:rgb(36, 16, 50); padding-top: 30px; padding-bottom: 30px;"></div>
</body>

</html>
18 changes: 9 additions & 9 deletions projects/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,20 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@500&family=Sometype+Mono:wght@700&display=swap" rel="stylesheet">
<link rel="icon" href="assets/logo.png">
<link rel="icon" href="/assets/logo.png">
</head>
<body style="margin: 0; display: flex; flex-direction: column; height: 100vh;">
<!-- Top bar section -->
<div class="topTile">
<div class="topbar">
<div class="topbarLeft">
<img src="../assets/logo.png" width="100" height="100" alt="AutoSlug" style="padding-left: 10px">
<img src="/assets/logo.png" width="100" height="100" alt="AutoSlug" style="padding-left: 10px">
</div>
<div class="topbarRight">
<a href="../index.html" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="../about/index.html" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="../projects/index.html" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="../team/index.html" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="/" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">HOME</a>
<a href="/about/" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">ABOUT</a>
<a href="/projects/" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">PROJECTS</a>
<a href="/team/" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none">TEAM</a>
<a href="https://secure.ucsc.edu/s/1069/bp18/interior.aspx?sid=1069&gid=1001&pgid=780&cid=1749&dids=1207" class="links" style="padding-left: 15px; padding-right: 15px; text-decoration:none" target="_blank">DONATE</a>
</div>
</div>
Expand All @@ -32,23 +32,23 @@
<div class="centerTile" style="background-color:rgb(72, 9, 116); flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center;">
<!-- Project 1 -->
<div class="midbox" style="padding: 40px; display: flex;">
<img src="../assets/asl.png" width="700px" height="400px" style="padding-right: 30px;">
<img src="/assets/asl.png" width="700px" height="400px" style="padding-right: 30px;">
<div style="font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace; font-size:20px; color:white; padding-top: 40px; padding-left: 20px; padding-right: 20px;">
<h2>ASL</h2>
<p>Our team is developing a refined computer vision model to accurately interpret the intricate hand and body movements of American Sign Language (ASL). This advanced technology meticulously analyzes the subtle nuances of ASL signs, enabling real-time translation into standard English text. By bridging the communication gap between the deaf and hearing communities, our model enhances inclusivity and facilitates seamless interactions across linguistic barriers.</p>
</div>
</div>
<!-- Project 2 - Flipped -->
<div class="midbox" style="padding: 40px; display: flex; flex-direction: row-reverse;">
<img src="../assets/modbot.png" width="600px" height="400px" style="padding-left: 30px;">
<img src="/assets/modbot.png" width="600px" height="400px" style="padding-left: 30px;">
<div style="font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace; font-size:20px; color:white; padding-top: 40px; padding-right: 20px;">
<h2 style="text-align: left; padding-right: 20px;">Modbot</h2>
<p>Modbot is our autonomous modular robot project, designed to have swappable modules and implement both high-level and low-level control algorithms. We can use it to learn about embedded software, practical applications of control theory, and modular systems (both software and hardware), and optimization. Continuously improving modbot’s capabilities enables us to teach ourselves these concepts as well as help the robot learn and adapt to complex situations like crowds or rough terrain.</p>
</div>
</div>
<!-- Project 3 -->
<div class="midbox" style="padding: 40px; display: flex;">
<img src="../assets/robo.png" width="600px" height="400px" style="padding-right: 30px;">
<img src="/assets/robo.png" width="600px" height="400px" style="padding-right: 30px;">
<div style="font-family: 'Orbitron', sans-serif;font-family: 'Sometype Mono', monospace; font-size:20px; color:white; padding-top: 40px; padding-left: 20px; padding-right: 20px;">
<h2>Robo Dog</h2>
<p>Autoslug is working with HARE Labs (led by Professor Steve McGuire) on a project to create a control system for the Unitree B1. The B1 is a robotic dog with 12 motor actuators and an array of sensors including 5 depth cameras, IMU sensors, GNSS, etc. We hope to apply control theory, simulation, human robot interaction, and AI to allow the dog to interact with humans based on hand gestures.</p>
Expand Down
Loading

0 comments on commit e12868b

Please sign in to comment.