satansdeer

# Introduction
Awesome that you are interested in hosting an event!

This is a template that we use here at Stockholm React JS.
Since we parse this file programatically, please **do not** change headers or bold text, but feel free to change any text inside of a section or add anything you find appropriate.

# Your event intro
{{The intro text of this event, use this to quickly explain what the event
will be all about, be clear and try to get peoples attention. Don't write too much.}}

satansdeer

.button {
  padding: 3px;
  width: 100%;
  border-radius: 8px;
  font-size: 24px;
  border: none;
  cursor: pointer;
  color: #fff;
  font-family: "Saira Condensed";
  background-color: #5A56FD;

satansdeer

satansdeer

.list {
  color: #333;
  text-align: left;
  list-style-type: none;
  font-size: 24px;
  padding: 0;
  flex: 1;
  margin: 0;
}

satansdeer

[
  {
   "title":"Stockholm",
   "location_type":"City",
   "woeid":906057,
   "latt_long":"59.332169,18.062429"
  },
  {"title":"St Petersburg",
   "location_type":"City",
   "woeid":2123260,

satansdeer

export const getWeatherForLocation = city => {
  const [lat, long] = city["latt_long"].split(",");
  return fetch(
    `https://darksky-wrapper.herokuapp.com/forecast/${lat},${long}`,
    {
      mode: "cors"
    }
  ).then(res => res.json());
};

satansdeer

satansdeer

satansdeer

.card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(160deg, rgba(136,209,252,1) 0%, rgba(84,69,253,1) 100%);
  border-radius: 8px;
  height: 100%;
  padding: 15px 25px;
}

satansdeer

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;