Skip to content

Commit

Permalink
Styling the RSS feed below the state bar chart
Browse files Browse the repository at this point in the history
  • Loading branch information
@hrao-dev
hrao-dev committed Jun 12, 2020
1 parent a7b89b6 commit 3ab3291
Show file tree
Hide file tree
Showing 3 changed files with 27 additions and 40 deletions.
5 changes: 5 additions & 0 deletions US_Unemployment/static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,6 +43,11 @@ body {
float: right;
}

h6 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

#tableauPlaceholder::-webkit-scrollbar {
width: 0 !important;
scrollbar-width: none;
Expand Down
2 changes: 1 addition & 1 deletion US_Unemployment/static/js/app.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -343,7 +343,7 @@ function updateChart() {
title: `<b>${selectedState} ${selectedYear} - Initial Unemployment Claims </b>`,
plot_bgcolor: "#e8e8e8",
fontsize: 18,
family: 'Helvetica',
family: 'Arial',
width: 550,
height: 450,
margin: { t: 80, b: 80, r: 2 },
Expand Down
60 changes: 21 additions & 39 deletions US_Unemployment/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,11 +56,11 @@
<div class="row" style="margin: 20px;">
<div class="col-md-12 row" style="height: fit-content; width:fit-content">
<div class="states">
<h5>State:</h5>
<h6>State:</h6>
<select id="selState"></select>
</div>
<div class="years">
<h5>Year:</h5>
<h6>Year:</h6>
<select id="selYear"></select>
</div>
</div>
Expand All @@ -70,35 +70,17 @@ <h5>Year:</h5>
<div id="map" style="width: 100%; height: 800px; "></div>
</div>
<div class="col-md-5">
<div id="bar" style="width: 70%; height: 70%;"></div>
</div>
</div>
</div>

<!-- <div class="col-md-2">
<div class="well">
<h5>State:</h5>
<select id="selDataset" onchange="optionChanged(this.value)"></select>
</div>
</div> -->


<!-- </div> -->
</div>
<div class="container">
<div class="row">
<div class="col-md-4" style="text-align: justify;">
<p>
<h6>U.S. Bureau of Labor Statistics - Latest News </h6>
</p>
<div id="bar" style="width: 70%; height: auto;"></div>
<h6 style="text-align:center">Latest Unemployment News </h6>
<!-- RSS feed -->
<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=https%3A%2F%2Fwww.bls.gov%2Ffeed%2Flaus.rss&num=5&date=y&utf=y" charset="UTF-8" type="text/javascript"></script>
<hr>
<script language="JavaScript " src="http://feed2js.org//feed2js.php?src=https%3A%2F%2Fwww.bls.gov%2Ffeed%2Flaus.rss&num=5&date=y&utf=y " charset="UTF-8 " type="text/javascript "></script>
</div>
</div>
</div>
</body>
<!-- Footer -->
<footer class="footer">
<footer class="footer ">
<div>
<h6> © Team Data Vizards</h6>
<ul>
Expand All @@ -111,28 +93,28 @@ <h6> © Team Data Vizards</h6>
</footer>

<!-- Leaflet plotly -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js "></script>
<!-- Leaflet JavaScript -->
<script src="https://unpkg.com/leaflet@1.0.0-rc.3/dist/leaflet.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.js"></script>
<script src="https://unpkg.com/leaflet@1.0.0-rc.3/dist/leaflet.js "></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.js "></script>

<!-- <script src="{{ url_for('static', filename='js/us-states.js') }}"></script> -->
<!-- <script src="{{ url_for( 'static', filename='js/us-states.js' ) }} "></script> -->

<!--
<script type="text/javascript" src="static/js/config.js"></script>
<script type="text/javascript" src="static/js/logic.js"></script> -->
<script type="text/javascript " src="static/js/config.js "></script>
<script type="text/javascript " src="static/js/logic.js "></script> -->
<!-- Bootstrap JS -->


<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js " integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n " crossorigin="anonymous "></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js " integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo " crossorigin="anonymous "></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js " integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6 " crossorigin="anonymous "></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js "></script>
<!-- Our JavaScript -->
<script src="{{ url_for('static', filename='js/choropleth.js') }}"></script>
<script src="{{ url_for('static', filename='js/config.js') }}"></script>
<script src="{{ url_for('static', filename='js/us-states.js') }}"></script>
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
<script src="{{ url_for( 'static', filename='js/choropleth.js' ) }} "></script>
<script src="{{ url_for( 'static', filename='js/config.js' ) }} "></script>
<script src="{{ url_for( 'static', filename='js/us-states.js' ) }} "></script>
<script src="{{ url_for( 'static', filename='js/app.js' ) }} "></script>


</html>

0 comments on commit 3ab3291

Please sign in to comment.
  NODES
COMMUNITY 1
Note 1
Project 5
USERS 1