Commit b72511fc authored by Porter Libby's avatar Porter Libby
Browse files

fix some details, make more color options

parent b8cc62d6
......@@ -24,14 +24,23 @@
border-radius: 300px;
}
.flow-chart-circle-2{
background-color: #7bd192;
background-color: #7bbad1;
border-radius: 300px;
}
.flow-chart-square-1{
background-color: #7bbad1;
}
.flow-chart-square-2{
background-color: #d9c755;
background-color: #fccc6d;
}
.flow-chart-square-3{
background-color: #c22f51;
}
.flow-chart-square-4{
background-color: #d9614e;
}
.flow-chart-square-5{
background-color: lightgray;
}
.flow-chart-line-down{
width: 100%;
......
......@@ -10,7 +10,9 @@
<body>
<div class='flow-chart-container'>
<div class='flow-chart-column'>
<div class="flow-chart-line-down">
<svg height="40px" width="100%"></svg>
</div>
<div class='flow-chart-block flow-chart-circle-1'>
<p>First Year Advising</p>
</div>
......@@ -37,7 +39,7 @@
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<div class='flow-chart-block flow-chart-square-2'>
<p>Campus Life</p>
</div>
<div class="flow-chart-line-down">
......@@ -45,15 +47,15 @@
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<p>Campus Life</p>
<div class='flow-chart-block flow-chart-square-5'>
<p>Community Engagement</p>
</div>
<div class="flow-chart-line-down">
<svg height="40px" width="100%">
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-circle-2'>
<div class='flow-chart-block flow-chart-circle-1'>
<p>Career Exploration</p>
</div>
</div>
......@@ -63,7 +65,7 @@
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<div class='flow-chart-block flow-chart-square-3'>
<p>Major Selection</p>
</div>
<div class="flow-chart-line-down">
......@@ -71,7 +73,7 @@
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<div class='flow-chart-block flow-chart-square-4'>
<p>Research</p>
</div>
<div class="flow-chart-line-down">
......@@ -79,7 +81,7 @@
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<div class='flow-chart-block flow-chart-square-5'>
<p>Internship</p>
</div>
</div>
......@@ -90,15 +92,15 @@
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<p>Off-Campus </p>
<p>Off-Campus Study</p>
</div>
<div class="flow-chart-line-down">
<svg height="40px" width="100%">
<line x1="50%" y1="0" x2="50%" y2="40" stroke-dasharray="4" style="stroke:rgb(0,0,0);stroke-width:2" />
</svg>
</div>
<div class='flow-chart-block flow-chart-square-1'>
<p>Campus Life</p>
<div class='flow-chart-block flow-chart-square-2'>
<p>Career</p>
</div>
</div>
</div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment