Skip to content

Commit 68991b4

Browse files
author
Andrew Evans
committed
cleanup mobile view of about page
1 parent eb68b9a commit 68991b4

File tree

2 files changed

+35
-15
lines changed

2 files changed

+35
-15
lines changed
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,25 @@
11
.about {
22
display: flex;
33
flex-direction: row;
4-
justify-content: left;
4+
justify-content: flex-start;
55
flex-wrap: wrap;
6+
align-items: flex-start;
7+
text-align: left;
68
}
79

8-
li {
9-
text-align: left;
10+
img {
11+
height: 25%;
12+
width: 25%;
13+
}
14+
15+
.mobile {
16+
display: flex;
17+
flex-direction: column;
18+
}
19+
20+
.images {
21+
display: flex;
22+
flex-direction: row;
23+
justify-content: center;
24+
align-items: center;
1025
}

src/app/cards/about-mobile/about-mobile.component.html

+17-12
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,21 @@
1-
<div class="about">
2-
<ul>
3-
<li>Angular Application built and maintained by <a href="https://rhythmandbinary.com/">Andrew Evans</a></li>
4-
<li>Weather data provided by <a href="https://www.weather.gov/documentation/services-web-api">NOAA APIs</a> and the <a href="https://openweathermap.org/api">OpenWeatherMapAPI Service</a></li>
5-
<li>Application uses <a href="https://ngrx.io/">NgRx</a> for state management</li>
6-
<li>Open Source with the
7-
<a href="https://github.com/andrewevans02/goose-weather/blob/master/LICENSE">MIT License</a> and can be viewed on <a href="https://github.com/andrewevans02/goose-weather">GitHub</a></li>
8-
<li>Goose image was made at
1+
<div clas="mobile">
2+
<div class="about">
3+
<p> This application is built and maintained by
4+
<a href="https://rhythmandbinary.com/">Andrew Evans</a>. It was named for Andrew's wife, and her dream of being a meteorologist. The weather data is provided by
5+
<a href="https://www.weather.gov/documentation/services-web-api">NOAA APIs</a>, and the
6+
<a href="https://openweathermap.org/api">OpenWeatherMapAPI Service</a>. This Application uses
7+
<a href="https://ngrx.io/">NgRx</a> for state management. It's also Open Source with the
8+
<a href="https://github.com/andrewevans02/goose-weather/blob/master/LICENSE">MIT License</a>.
9+
Source code can be viewed on <a href="https://github.com/andrewevans02/goose-weather">GitHub</a>.
10+
The Goose image shown was made by
911
<a href="https://www.flaticon.com/authors/smalllikeart" title="smalllikeart">smalllikeart</a> from
1012
<a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a>
1113
and is licensed by
12-
<a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>
13-
</li>
14-
</ul>
14+
<a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a>.
15+
</p>
16+
</div>
17+
<div class="images">
18+
<img src='./assets/goose.svg'>
19+
<img src='./assets/sun.svg'>
20+
</div>
1521
</div>
16-
<img src='./assets/goose.svg'>

0 commit comments

Comments
 (0)