xevion/history-of-robotics
1
0
Fork 0
mirror of https://github.com/Xevion/history-of-robotics.git synced 2025-12-06 01:15:12 -06:00
Code Issues Packages Projects Releases Wiki Activity

add basic sources jumbotron

Browse Source
This commit is contained in:
Xevion
2020-08-17 10:22:05 -05:00
parent 2c3d9c986f
commit fcea41b0b4
2 changed files with 49 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/App.vue
View File

@@ -7,7 +7,8 @@
</h3>
</b-navbar-brand>
<b-navbar-nav>
<b-nav-item link-classes="open-sans text-white font-weight-bold p-0" class="d-flex" v-if="showBreakpoint">
<b-nav-item link-classes="open-sans text-white font-weight-bold p-0" class="d-flex"
v-if="showBreakpoint">
<b-badge variant="dark">
<span id="marker-xs" class="d-sm-none">XS</span>
<span id="marker-sm" class="d-none d-sm-block d-md-none">SM</span>
@@ -196,6 +197,37 @@
</b-col>
</b-row>
</b-jumbotron>
<b-jumbotron fluid container-fluid="fluid px-0" class="sources text-dark py-3 py-md-4 py-lg-5 mb-0 pb-0 px-2 px-md-2 px-lg-3">
<h3 class="text-center">
Sources
</h3>
<b-row class="px-3 pl-4 px-md-4 w-100 justify-content-center justify-content-lg-around">
<b-col cols="12" lg="6">
<p>
"Mars Pathfinder FAQs - Sojourner"
<br>
<a class="pl-4" href="https://mars.nasa.gov/MPF/rover/faqs_sojourner.html">https://mars.nasa.gov/MPF/rover/faqs_sojourner.html</a>
</p>
<p>
"A Description of the Rover Sojourner"
<br>
<a class="pl-4" href="https://mars.nasa.gov/MPF/rover/descrip.html">https://mars.nasa.gov/MPF/rover/descrip.html</a>
</p>
<p>
"Mars Pathfinder Instrument Descriptions"
<br>
<a class="pl-4" href="https://mars.nasa.gov/MPF/mpf/sci_desc.html">https://mars.nasa.gov/MPF/mpf/sci_desc.html</a>
</p>
</b-col>
<b-col cols="12" lg="6">
<p>
"In-situ Exploration and Sample Return: Autonomous Planetary Mobility"
<br>
<a class="pl-4" href="https://mars.nasa.gov/mer/mission/technology/autonomous-planetary-mobility/">https://mars.nasa.gov/mer/mission/technology/autonomous-planetary-mobility/</a>
</p>
</b-col>
</b-row>
</b-jumbotron>
</div>
</div>

25
src/scss/main.scss
View File

@@ -89,14 +89,6 @@ abbr {
left: 0;
}
a {
text-align: center;
&:hover {
color: #b0b0b0;
}
}
#marker-xs {
color: #ff0000;
}
@@ -132,7 +124,22 @@ a {
html, body {
background-color: $primary;
color: $white;
max-width: 100%;
overflow-x: hidden;
color: $white;
a {
color: #007bff;
}
}
.sources a {
display: block;
white-space: nowrap;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.sources {
font-size: 0.9em;
}