screen-template.5.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="800" height="480" viewbox="0 0 800 480" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" id="svg3095" inkscape:version="0.92.3 (2405546, 2018-03-11)" sodipodi:docname="weather-script-preprocess_temps.svg">

   <!-- Original template by jmason: https://github.com/jmason/waveshare-epaper-display -->

   <rect id="background" width="800" height="600"/>

   <defs>
      <g id="calendar" class="important" transform="scale(0.1)">
         <path d="M 506.645,89.372 C 502.609,76.437 491.008,66.87 476.738,66.87 h -31.782 v 49.326 c 0,26.284 -21.39,47.674 -47.674,47.674 -26.284,0 -47.674,-21.39 -47.674,-47.674 V 66.87 H 158.753 v 49.326 c 0,26.284 -21.39,47.674 -47.674,47.674 -26.284,0 -47.674,-21.39 -47.674,-47.674 V 66.87 H 31.782 c -14.27,0 -25.903,9.567 -29.907,22.502 H 0 v 387.365 c 0,17.544 14.239,31.782 31.782,31.782 h 444.955 c 17.544,0 31.782,-14.239 31.782,-31.782 V 89.372 Z M 476.737,476.737 H 31.782 v -254.26 h 444.955 z" id="path132" inkscape:connector-curvature="0" />
         <path d="m 111.08,132.088 c 8.772,0 15.891,-7.119 15.891,-15.891 V 15.891 C 126.971,7.119 119.852,0 111.08,0 102.308,0 95.189,7.119 95.189,15.891 v 100.306 c 0,8.772 7.119,15.891 15.891,15.891 z" id="path134" inkscape:connector-curvature="0" />
         <path d="m 397.281,132.088 c 8.74,0 15.891,-7.119 15.891,-15.891 V 15.891 C 413.172,7.119 406.021,0 397.281,0 388.541,0 381.39,7.119 381.39,15.891 v 100.306 c 0,8.772 7.151,15.891 15.891,15.891 z" id="path136" inkscape:connector-curvature="0" />
      </g>
   </defs>

   <text id="time" class="important" x="20" y="80">TIME_NOW</text>
   <text id="date" x="20" y="115">DAY_ONE</text>

   <g transform="scale(1.1) translate(565 5)" id="g3127">
      <use href="icons/ICON_ONE.svg" id="use3129" />
   </g>

   <text id="temperature" x="672" y="155">HIGH_ONE/LOW_ONE</text>
   <text id="weather-1" x="672" y="182" class="weather">WEATHER_DESC_1</text>
   <text id="weather-2" x="672" y="210" class="weather">WEATHER_DESC_2</text>

     MONTH_CAL


   <svg x="34" y="130">
     <svg y="0">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_1</tspan>
            <tspan x="0" dy="25">CAL_DESC_1</tspan>
         </text>
       </svg>
     </svg>
     <svg y="70">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_2</tspan>
            <tspan x="0" dy="25">CAL_DESC_2</tspan>
         </text>
       </svg>
     </svg>
     <svg y="140">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_3</tspan>
            <tspan x="0" dy="25">CAL_DESC_3</tspan>
         </text>
       </svg>
     </svg>
     <svg y="210">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_4</tspan>
            <tspan x="0" dy="25">CAL_DESC_4</tspan>
         </text>
       </svg>
     </svg>
     <svg y="280">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_5</tspan>
            <tspan x="0" dy="25">CAL_DESC_5</tspan>
         </text>
       </svg>
     </svg>
     <svg y="350">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_6</tspan>
            <tspan x="0" dy="25">CAL_DESC_6</tspan>
         </text>
       </svg>
     </svg>
     <svg y="420">
       <g>
          <use href="#calendar"></use>
       </g>
       <svg x="75">
         <text class="event">
            <tspan x="0" dy="25" class="important">CAL_DATETIME_START_7</tspan>
            <tspan x="0" dy="25">CAL_DESC_7</tspan>
         </text>
       </svg>
     </svg>
   </svg>

   <svg  x="0" y="90%" width="100%" height="10%" visibility="ALERT_MESSAGE_VISIBILITY">
     <rect id="alertbg" width="100%" height="100%" />
     <text id="alert" x="20" y="35">ALERT_MESSAGE</text>
   </svg>

   <use id="customdata" href="screen-output-custom-temp.svg" />

   <style>
    <![CDATA[
      #background {
        fill: white;
        stroke-width: 1;
        stroke: black;
      }
      .important {
        fill: red;
      }
      text {
        font-family: sans-serif;
        font-weight: bold;
        text-anchor: start
        text-align: start;
      }

      text#time {
        font-size: 90px;
        fill: red;
      }
      text#date {
        font-size: 30px;
        text-align: center;
      }
      text#temperature {
        font-size: 38px;
        text-align: center;
        text-anchor: middle
      }
      text.weather {
        font-size: 21px;
        text-align: center;
        text-anchor: middle
      }
      text.event {
        font-size: 29px;
      }
      #month-cal text {
        font-size: 24px;
        text-align: center;
        text-anchor: middle
      }
      text#alert {
        font-weight: bolder;
        font-size: 30px;
      }
      rect#alertbg {
        fill: white;
        stroke-width: 3;
        stroke: red;
      }
    ]]>
  </style>

</svg>