{"id":2599,"date":"2025-12-22T17:53:39","date_gmt":"2025-12-22T17:53:39","guid":{"rendered":"https:\/\/trueobservermedia.com\/?page_id=2599"},"modified":"2026-08-23T15:28:43","modified_gmt":"2026-08-23T15:28:43","slug":"jobs-board","status":"publish","type":"page","link":"https:\/\/trueobservermedia.com\/de\/jobs-board\/","title":{"rendered":"Jobs Board"},"content":{"rendered":"<style>\r\n:root{\r\n  --to-navy:#0b2b3f;\r\n  --to-navy-2:#123d55;\r\n  --to-gold:#d7a329;\r\n  --to-ink:#0e1720;\r\n  --to-muted:#5b6b79;\r\n  --to-line:rgba(11,43,63,.12);\r\n  --to-soft:#f6f9fa;\r\n  --to-green:#167c5a;\r\n}\r\n\r\nhtml{\r\n  scroll-behavior:smooth;\r\n}\r\n\r\n.to-wrap{\r\n  font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;\r\n  color:var(--to-ink);\r\n  max-width:1120px;\r\n  margin:0 auto;\r\n}\r\n\r\n.to-careers{\r\n  background:\r\n    radial-gradient(circle at top right, rgba(215,163,41,.08), transparent 28%),\r\n    linear-gradient(180deg,#f8fafb 0%,#fff 100%);\r\n  border:1px solid var(--to-line);\r\n  border-radius:24px;\r\n  padding:42px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   PAGE INTRO\r\n====================================================== *\/\r\n\r\n.to-page-label{\r\n  display:inline-block;\r\n  color:var(--to-gold);\r\n  font-size:11px;\r\n  font-weight:900;\r\n  letter-spacing:1.5px;\r\n  text-transform:uppercase;\r\n  margin-bottom:10px;\r\n}\r\n\r\n.to-careers > h1{\r\n  margin:0 0 10px;\r\n  color:var(--to-navy);\r\n  font-size:34px;\r\n  line-height:1.15;\r\n  letter-spacing:-.5px;\r\n}\r\n\r\n.to-page-intro{\r\n  margin:0;\r\n  max-width:780px;\r\n  color:var(--to-muted);\r\n  font-size:15px;\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   JOB LIST\r\n====================================================== *\/\r\n\r\n.to-jobs{\r\n  display:grid;\r\n  gap:28px;\r\n  margin-top:38px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   JOB CARD\r\n====================================================== *\/\r\n\r\n.to-job{\r\n  position:relative;\r\n  background:#fff;\r\n  border:1px solid var(--to-line);\r\n  border-radius:20px;\r\n  overflow:hidden;\r\n  box-shadow:0 10px 35px rgba(11,43,63,.055);\r\n  scroll-margin-top:30px;\r\n  transition:\r\n    transform .2s ease,\r\n    box-shadow .2s ease,\r\n    border-color .2s ease;\r\n}\r\n\r\n.to-job::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  top:0;\r\n  left:0;\r\n  right:0;\r\n  height:4px;\r\n  z-index:3;\r\n  background:linear-gradient(90deg,var(--to-gold),#edc45f);\r\n}\r\n\r\n.to-job:hover{\r\n  transform:translateY(-2px);\r\n  border-color:rgba(11,43,63,.22);\r\n  box-shadow:0 16px 42px rgba(11,43,63,.09);\r\n}\r\n\r\n.to-job.to-highlight{\r\n  box-shadow:\r\n    0 0 0 3px rgba(215,163,41,.18),\r\n    0 16px 42px rgba(11,43,63,.10);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TOP AREA WITH CONTENT + IMAGE\r\n====================================================== *\/\r\n\r\n.to-job-top{\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) 320px;\r\n  gap:28px;\r\n  align-items:stretch;\r\n  padding:32px 32px 26px;\r\n}\r\n\r\n.to-job-visible{\r\n  min-width:0;\r\n}\r\n\r\n.to-job-title{\r\n  margin:0;\r\n  color:var(--to-navy);\r\n  font-size:25px;\r\n  line-height:1.25;\r\n  letter-spacing:-.25px;\r\n}\r\n\r\n.to-job-headline{\r\n  margin:8px 0 22px;\r\n  color:var(--to-gold);\r\n  font-size:17px;\r\n  font-weight:800;\r\n  line-height:1.45;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   JOB IMAGE\r\n====================================================== *\/\r\n\r\n.to-job-image{\r\n  position:relative;\r\n  min-height:245px;\r\n  border-radius:16px;\r\n  overflow:hidden;\r\n  background:\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(11,43,63,.05),\r\n      rgba(215,163,41,.12)\r\n    ),\r\n    var(--job-image);\r\n  background-size:cover;\r\n  background-position:center;\r\n  border:1px solid rgba(11,43,63,.10);\r\n}\r\n\r\n.to-job-image::after{\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  background:\r\n    linear-gradient(\r\n      180deg,\r\n      transparent 55%,\r\n      rgba(11,43,63,.18) 100%\r\n    );\r\n  pointer-events:none;\r\n}\r\n\r\n.to-image-placeholder{\r\n  position:absolute;\r\n  inset:0;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  text-align:center;\r\n  padding:20px;\r\n  color:rgba(11,43,63,.45);\r\n  font-size:12px;\r\n  font-weight:800;\r\n  letter-spacing:.4px;\r\n  z-index:0;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   JOB INFO\r\n====================================================== *\/\r\n\r\n.to-job-info{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  border:1px solid rgba(11,43,63,.09);\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  margin-bottom:23px;\r\n  background:#fafcfc;\r\n}\r\n\r\n.to-info-item{\r\n  padding:13px 15px;\r\n  border-right:1px solid rgba(11,43,63,.08);\r\n  border-bottom:1px solid rgba(11,43,63,.08);\r\n}\r\n\r\n.to-info-item:nth-child(2n){\r\n  border-right:none;\r\n}\r\n\r\n.to-info-item:nth-last-child(-n+2){\r\n  border-bottom:none;\r\n}\r\n\r\n.to-info-label{\r\n  display:block;\r\n  color:var(--to-muted);\r\n  font-size:9.5px;\r\n  font-weight:900;\r\n  letter-spacing:.8px;\r\n  text-transform:uppercase;\r\n  margin-bottom:5px;\r\n}\r\n\r\n.to-info-value{\r\n  display:block;\r\n  color:var(--to-navy);\r\n  font-size:12.5px;\r\n  line-height:1.45;\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   VISIBLE DESCRIPTION\r\n====================================================== *\/\r\n\r\n.to-job-visible p{\r\n  margin:0 0 13px;\r\n  color:var(--to-muted);\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   CARD ACTIONS\r\n====================================================== *\/\r\n\r\n.to-job-actions{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:space-between;\r\n  flex-wrap:wrap;\r\n  gap:12px;\r\n  padding:15px 32px;\r\n  border-top:1px solid rgba(11,43,63,.08);\r\n  background:rgba(11,43,63,.02);\r\n}\r\n\r\n.to-job-actions-left,\r\n.to-job-actions-right{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:10px;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   EXPAND BUTTON\r\n====================================================== *\/\r\n\r\n.to-job details{\r\n  border:0;\r\n}\r\n\r\n.to-job summary{\r\n  list-style:none;\r\n  cursor:pointer;\r\n  display:flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  color:var(--to-navy);\r\n  font-size:13px;\r\n  font-weight:900;\r\n}\r\n\r\n.to-job summary::-webkit-details-marker{\r\n  display:none;\r\n}\r\n\r\n.to-view-text::after{\r\n  content:\"View full role\";\r\n}\r\n\r\n.to-job details[open] .to-view-text::after{\r\n  content:\"Hide full role\";\r\n}\r\n\r\n.to-expand-icon{\r\n  width:27px;\r\n  height:27px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  border-radius:50%;\r\n  background:rgba(11,43,63,.08);\r\n  color:var(--to-navy);\r\n  font-size:16px;\r\n  line-height:1;\r\n  transition:.2s ease;\r\n}\r\n\r\n.to-job details[open] .to-expand-icon{\r\n  transform:rotate(45deg);\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   BUTTONS\r\n====================================================== *\/\r\n\r\n.to-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  padding:11px 16px;\r\n  border-radius:11px;\r\n  border:1px solid var(--to-navy);\r\n  background:var(--to-navy);\r\n  color:#fff !important;\r\n  text-decoration:none !important;\r\n  font-family:inherit;\r\n  font-size:12.5px;\r\n  font-weight:900;\r\n  cursor:pointer;\r\n  transition:.2s ease;\r\n}\r\n\r\n.to-btn:link,\r\n.to-btn:visited,\r\n.to-btn:hover,\r\n.to-btn:active{\r\n  color:#fff !important;\r\n  text-decoration:none !important;\r\n}\r\n\r\n.to-btn:hover{\r\n  background:var(--to-navy-2);\r\n  transform:translateY(-1px);\r\n  box-shadow:0 6px 15px rgba(11,43,63,.15);\r\n}\r\n\r\n.to-btn.secondary{\r\n  background:#fff;\r\n  color:var(--to-navy) !important;\r\n  border-color:rgba(11,43,63,.25);\r\n}\r\n\r\n.to-btn.secondary:link,\r\n.to-btn.secondary:visited,\r\n.to-btn.secondary:hover,\r\n.to-btn.secondary:active{\r\n  color:var(--to-navy) !important;\r\n}\r\n\r\n.to-btn.secondary:hover{\r\n  background:#f5f8f9;\r\n  box-shadow:none;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   SHARE\r\n====================================================== *\/\r\n\r\n.to-share-wrap{\r\n  position:relative;\r\n}\r\n\r\n.to-share-icon{\r\n  width:15px;\r\n  height:15px;\r\n  display:block;\r\n}\r\n\r\n.to-share-menu{\r\n  position:absolute;\r\n  right:0;\r\n  bottom:calc(100% + 10px);\r\n  width:190px;\r\n  padding:8px;\r\n  border-radius:13px;\r\n  border:1px solid rgba(11,43,63,.13);\r\n  background:#fff;\r\n  box-shadow:0 14px 34px rgba(11,43,63,.16);\r\n  z-index:20;\r\n  display:none;\r\n}\r\n\r\n.to-share-wrap.open .to-share-menu{\r\n  display:block;\r\n}\r\n\r\n.to-share-option{\r\n  width:100%;\r\n  border:0;\r\n  background:transparent;\r\n  padding:10px 11px;\r\n  border-radius:8px;\r\n  text-align:left;\r\n  color:var(--to-navy);\r\n  font-family:inherit;\r\n  font-size:12px;\r\n  font-weight:800;\r\n  cursor:pointer;\r\n  text-decoration:none !important;\r\n  display:block;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.to-share-option:link,\r\n.to-share-option:visited{\r\n  color:var(--to-navy) !important;\r\n}\r\n\r\n.to-share-option:hover{\r\n  background:#f2f6f7;\r\n  color:var(--to-navy) !important;\r\n}\r\n\r\n.to-share-message{\r\n  display:none;\r\n  margin-top:5px;\r\n  font-size:10px;\r\n  color:var(--to-green);\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FULL JOB DESCRIPTION\r\n====================================================== *\/\r\n\r\n.to-job-details{\r\n  padding:10px 32px 34px;\r\n  border-top:1px solid rgba(11,43,63,.08);\r\n}\r\n\r\n.to-job-details h3{\r\n  position:relative;\r\n  margin:27px 0 11px;\r\n  padding-left:14px;\r\n  color:var(--to-navy);\r\n  font-size:17px;\r\n  line-height:1.4;\r\n}\r\n\r\n.to-job-details h3::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  left:0;\r\n  top:3px;\r\n  bottom:3px;\r\n  width:3px;\r\n  border-radius:3px;\r\n  background:var(--to-gold);\r\n}\r\n\r\n.to-job-details p{\r\n  margin:0 0 14px;\r\n  color:var(--to-muted);\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n.to-job-details ul{\r\n  margin:7px 0 18px 20px;\r\n  padding:0;\r\n  color:var(--to-muted);\r\n  font-size:14px;\r\n  line-height:1.8;\r\n}\r\n\r\n.to-job-details li{\r\n  margin-bottom:6px;\r\n}\r\n\r\n.to-job-details strong{\r\n  color:var(--to-navy);\r\n}\r\n\r\n.to-job-details .to-btn{\r\n  margin-top:4px;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   APPLICATION\r\n====================================================== *\/\r\n\r\n.to-apply{\r\n  margin-top:46px;\r\n  padding:34px;\r\n  border-radius:20px;\r\n  background:\r\n    linear-gradient(180deg,#eef4f6 0%,#f7f9fa 100%);\r\n  border:1px solid rgba(11,43,63,.12);\r\n  box-shadow:0 8px 28px rgba(11,43,63,.04);\r\n  scroll-margin-top:25px;\r\n}\r\n\r\n.to-apply-label{\r\n  display:block;\r\n  color:var(--to-gold);\r\n  font-size:10px;\r\n  font-weight:900;\r\n  letter-spacing:1.3px;\r\n  text-transform:uppercase;\r\n  margin-bottom:7px;\r\n}\r\n\r\n.to-apply h2{\r\n  margin:0 0 8px;\r\n  color:var(--to-navy);\r\n  font-size:26px;\r\n}\r\n\r\n.to-apply-intro{\r\n  margin:0 0 25px;\r\n  max-width:760px;\r\n  color:var(--to-muted);\r\n  font-size:14px;\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   FORM\r\n====================================================== *\/\r\n\r\n.to-form-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:17px;\r\n}\r\n\r\n.to-field{\r\n  display:flex;\r\n  flex-direction:column;\r\n  gap:7px;\r\n}\r\n\r\n.to-field.full{\r\n  grid-column:1 \/ -1;\r\n}\r\n\r\n.to-field label{\r\n  color:var(--to-navy);\r\n  font-size:12px;\r\n  font-weight:800;\r\n}\r\n\r\n.to-field input,\r\n.to-field select,\r\n.to-field textarea{\r\n  width:100%;\r\n  box-sizing:border-box;\r\n  padding:13px 14px;\r\n  border:1px solid rgba(11,43,63,.16);\r\n  border-radius:10px;\r\n  background:#fff;\r\n  color:var(--to-ink);\r\n  font-family:inherit;\r\n  font-size:14px;\r\n  outline:none;\r\n}\r\n\r\n.to-field input:focus,\r\n.to-field select:focus,\r\n.to-field textarea:focus{\r\n  border-color:var(--to-gold);\r\n  box-shadow:0 0 0 3px rgba(215,163,41,.12);\r\n}\r\n\r\n.to-field textarea{\r\n  min-height:150px;\r\n  resize:vertical;\r\n}\r\n\r\n.to-help{\r\n  color:var(--to-muted);\r\n  font-size:11px;\r\n  line-height:1.5;\r\n}\r\n\r\n.to-consent{\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:9px;\r\n  margin-top:18px;\r\n  color:var(--to-muted);\r\n  font-size:12px;\r\n  line-height:1.5;\r\n}\r\n\r\n.to-consent input{\r\n  margin-top:3px;\r\n}\r\n\r\n.to-consent a{\r\n  color:var(--to-navy);\r\n  font-weight:800;\r\n}\r\n\r\n.to-submit{\r\n  margin-top:20px;\r\n}\r\n\r\n.to-apply .to-btn{\r\n  background:var(--to-navy);\r\n  border-color:var(--to-navy);\r\n  color:#fff !important;\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   TABLET\r\n====================================================== *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .to-job-top{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .to-job-image{\r\n    min-height:280px;\r\n    order:-1;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ======================================================\r\n   MOBILE\r\n====================================================== *\/\r\n\r\n@media(max-width:650px){\r\n\r\n  .to-careers{\r\n    padding:22px;\r\n    border-radius:18px;\r\n  }\r\n\r\n  .to-careers > h1{\r\n    font-size:28px;\r\n  }\r\n\r\n  .to-job-top{\r\n    padding:27px 21px 22px;\r\n    gap:20px;\r\n  }\r\n\r\n  .to-job-title{\r\n    font-size:22px;\r\n  }\r\n\r\n  .to-job-headline{\r\n    font-size:16px;\r\n  }\r\n\r\n  .to-job-image{\r\n    min-height:210px;\r\n  }\r\n\r\n  .to-job-info{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .to-info-item{\r\n    border-right:none !important;\r\n    border-bottom:1px solid rgba(11,43,63,.08) !important;\r\n  }\r\n\r\n  .to-info-item:last-child{\r\n    border-bottom:none !important;\r\n  }\r\n\r\n  .to-job-actions{\r\n    padding:15px 21px;\r\n    align-items:stretch;\r\n  }\r\n\r\n  .to-job-actions-left,\r\n  .to-job-actions-right{\r\n    width:100%;\r\n  }\r\n\r\n  .to-job-actions-right .to-btn{\r\n    flex:1;\r\n  }\r\n\r\n  .to-share-wrap{\r\n    flex:1;\r\n  }\r\n\r\n  .to-share-wrap > .to-btn{\r\n    width:100%;\r\n  }\r\n\r\n  .to-share-menu{\r\n    left:0;\r\n    right:auto;\r\n    width:100%;\r\n    min-width:200px;\r\n  }\r\n\r\n  .to-job-details{\r\n    padding:8px 21px 27px;\r\n  }\r\n\r\n  .to-form-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .to-field.full{\r\n    grid-column:auto;\r\n  }\r\n\r\n  .to-apply{\r\n    padding:25px 20px;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"to-wrap\">\r\n\r\n  <div class=\"to-careers\">\r\n\r\n\r\n    <!-- ======================================================\r\n         PAGE HEADER\r\n    ======================================================= -->\r\n\r\n    <span class=\"to-page-label\">\r\n      Careers &amp; Opportunities\r\n    <\/span>\r\n\r\n    <h1>Join True Observer<\/h1>\r\n\r\n    <p class=\"to-page-intro\">\r\n      Flexible paid roles and volunteer opportunities in Sheffield, Leeds and beyond.\r\n      Whether you&#8217;re looking to earn some extra money, gain practical experience\r\n      or become involved in what we&#8217;re building, we&#8217;d like to hear from you.\r\n    <\/p>\r\n\r\n\r\n\r\n    <div class=\"to-jobs\">\r\n\r\n\r\n      <!-- ======================================================\r\n           LEAFLET DISTRIBUTOR\r\n      ======================================================= -->\r\n\r\n      <article\r\n        class=\"to-job\"\r\n        id=\"leaflet-distributor\"\r\n        data-role-title=\"Leaflet Distributor\"\r\n      >\r\n\r\n        <div class=\"to-job-top\">\r\n\r\n\r\n          <div class=\"to-job-visible\">\r\n\r\n            <h2 class=\"to-job-title\">\r\n              Leaflet Distributor\r\n            <\/h2>\r\n\r\n            <div class=\"to-job-headline\">\r\n              Help us get the word out.\r\n            <\/div>\r\n\r\n\r\n            <div class=\"to-job-info\">\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Location<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Sheffield &amp; Leeds Area\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Hours<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Weekdays &amp; weekends \u2013 flexible\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Type<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Mini Job\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Pay<\/span>\r\n                <span class=\"to-info-value\">\r\n                  \u00a310\u2013\u00a312 \/ hour\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n              We are looking for reliable people to help distribute our printed\r\n              material to homes and businesses across Sheffield and Leeds.\r\n            <\/p>\r\n\r\n            <p>\r\n              This is straightforward, flexible work suitable for someone looking\r\n              to earn extra money without committing to fixed weekly hours.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CHANGE IMAGE URL HERE -->\r\n\r\n          <div\r\n            class=\"to-job-image\"\r\n            style=\"--job-image:url('https:\/\/trueobservermedia.com\/wp-content\/uploads\/2026\/08\/Leaflets-distributor-scaled.jpg');\"\r\n          >\r\n    \r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"to-job-actions\">\r\n\r\n          <div class=\"to-job-actions-left\">\r\n\r\n            <details>\r\n\r\n              <summary>\r\n                <span class=\"to-view-text\"><\/span>\r\n                <span class=\"to-expand-icon\">+<\/span>\r\n              <\/summary>\r\n\r\n\r\n              <div class=\"to-job-details\">\r\n\r\n                <h3>What you&#8217;ll do<\/h3>\r\n\r\n                <ul>\r\n                  <li>Deliver leaflets within an assigned local area<\/li>\r\n                  <li>Follow a simple route provided by our team<\/li>\r\n                  <li>Record completion of your assigned area<\/li>\r\n                  <li>Occasionally deliver material directly to business premises<\/li>\r\n                  <li>Represent True Observer professionally while carrying out assignments<\/li>\r\n                <\/ul>\r\n\r\n\r\n                <h3>How it works<\/h3>\r\n\r\n                <p>\r\n                  There are <strong>no guaranteed weekly hours<\/strong>.\r\n                  When work is available, we&#8217;ll offer an assignment showing the\r\n                  location, expected workload and payment before you accept it.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Assignments may last anything from a couple of hours to most of a day.\r\n                <\/p>\r\n\r\n\r\n                <h3>We&#8217;re looking for people who are<\/h3>\r\n\r\n                <ul>\r\n                  <li>Reliable and punctual<\/li>\r\n                  <li>Comfortable walking for extended periods<\/li>\r\n                  <li>Able to work independently<\/li>\r\n                  <li>Comfortable using a smartphone<\/li>\r\n                  <li>Professional when dealing with members of the public<\/li>\r\n                  <li>At least 18 years old<\/li>\r\n                <\/ul>\r\n\r\n\r\n                <h3>Interested?<\/h3>\r\n\r\n                <p>\r\n                  Apply for the role and become part of our team!\r\n                <\/p>\r\n\r\n\r\n              <\/div>\r\n\r\n            <\/details>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-job-actions-right\">\r\n\r\n            <div class=\"to-share-wrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"to-btn secondary to-share-btn\"\r\n                data-role-id=\"leaflet-distributor\"\r\n                data-share-title=\"Leaflet Distributor \u2013 True Observer\"\r\n                data-share-text=\"Help us get the word out. Flexible Leaflet Distributor mini job in Sheffield and Leeds.\"\r\n              >\r\n                Share this role\r\n                <span aria-hidden=\"true\">\u2197<\/span>\r\n              <\/button>\r\n\r\n\r\n              <div class=\"to-share-menu\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"linkedin\"\r\n                >\r\n                  LinkedIn\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"facebook\"\r\n                >\r\n                  Facebook\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"whatsapp\"\r\n                >\r\n                  WhatsApp\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"copy\"\r\n                >\r\n                  Copy link\r\n                <\/button>\r\n\r\n                <div class=\"to-share-message\">\r\n                  Link copied\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n              href=\"#apply\"\r\n              class=\"to-btn to-apply-btn\"\r\n              data-role=\"Leaflet Distributor\"\r\n            >\r\n              Apply for this role\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ======================================================\r\n           GREEN TEAM FIELD VOLUNTEER\r\n      ======================================================= -->\r\n\r\n      <article\r\n        class=\"to-job\"\r\n        id=\"green-team-field-volunteer\"\r\n        data-role-title=\"Green Team Field Volunteer\"\r\n      >\r\n\r\n        <div class=\"to-job-top\">\r\n\r\n\r\n          <div class=\"to-job-visible\">\r\n\r\n            <h2 class=\"to-job-title\">\r\n              Green Team Field Volunteer\r\n            <\/h2>\r\n\r\n            <div class=\"to-job-headline\">\r\n              See something worth improving? Record it.\r\n            <\/div>\r\n\r\n\r\n            <div class=\"to-job-info\">\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Location<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Sheffield \/ Leeds Area\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Hours<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Completely flexible\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Type<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Volunteer\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Team<\/span>\r\n                <span class=\"to-info-value\">\r\n                  True Observer Green Team\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n              We are building a growing Green Team of volunteers who help us\r\n              understand how businesses and public-facing organisations operate\r\n              from the perspective of the people who actually use them.\r\n            <\/p>\r\n\r\n            <p>\r\n              You don&#8217;t need to be deployed somewhere or work scheduled shifts.\r\n            <\/p>\r\n\r\n            <p>\r\n              Green Team observations can happen naturally while you&#8217;re visiting\r\n              shops, caf\u00e9s, hotels, leisure facilities and other publicly accessible\r\n              premises during everyday life.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CHANGE IMAGE URL HERE -->\r\n\r\n          <div\r\n            class=\"to-job-image\"\r\n            style=\"--job-image:url('https:\/\/trueobservermedia.com\/wp-content\/uploads\/2026\/08\/GTVLT.png');\"\r\n          >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"to-job-actions\">\r\n\r\n          <div class=\"to-job-actions-left\">\r\n\r\n            <details>\r\n\r\n              <summary>\r\n                <span class=\"to-view-text\"><\/span>\r\n                <span class=\"to-expand-icon\">+<\/span>\r\n              <\/summary>\r\n\r\n\r\n              <div class=\"to-job-details\">\r\n\r\n                <h3>What does a Green Team Volunteer do?<\/h3>\r\n\r\n                <p>\r\n                  When you notice something that may warrant attention, you can create\r\n                  a field observation through our OPserver system.\r\n                <\/p>\r\n\r\n                <p>This might relate to:<\/p>\r\n\r\n                <ul>\r\n                  <li>Health &amp; safety concerns<\/li>\r\n                  <li>Customer-facing conditions<\/li>\r\n                  <li>Accessibility<\/li>\r\n                  <li>Fire-safety observations<\/li>\r\n                  <li>CCTV and privacy concerns<\/li>\r\n                  <li>Signage or public information<\/li>\r\n                  <li>Maintenance and premises conditions<\/li>\r\n                  <li>Potential operational or reputational risks<\/li>\r\n                  <li>Good practice worth recognising<\/li>\r\n                <\/ul>\r\n\r\n                <p>\r\n                  Where appropriate, you may take photographs or other proportionate\r\n                  evidence of what you observed.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Your job is\r\n                  <strong>not to decide that a business has broken the law<\/strong>.\r\n                <\/p>\r\n\r\n                <p>\r\n                  You record what you genuinely observed. Our team reviews the evidence\r\n                  and decides whether anything further is appropriate.\r\n                <\/p>\r\n\r\n\r\n                <h3>You don&#8217;t confront businesses<\/h3>\r\n\r\n                <p>\r\n                  Green Team Volunteers are\r\n                  <strong>observers, not enforcement officers or regulatory inspectors<\/strong>.\r\n                <\/p>\r\n\r\n                <p>\r\n                  You will not normally be expected to challenge staff, argue about\r\n                  regulations or tell a business that it has committed a breach.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Where an observation warrants further engagement, it can be escalated\r\n                  to a trained Green Team Leader, who may conduct a separate formal visit\r\n                  and speak with management.\r\n                <\/p>\r\n\r\n\r\n                <h3>How much time do I have to give?<\/h3>\r\n\r\n                <p>\r\n                  As much or as little as you want.\r\n                <\/p>\r\n\r\n                <p>\r\n                  There are no shifts and no minimum number of observations.\r\n                <\/p>\r\n\r\n                <p>\r\n                  You might submit something you notice while having lunch, shopping,\r\n                  travelling or visiting somewhere you already intended to go.\r\n                <\/p>\r\n\r\n\r\n                <h3>Operational rewards<\/h3>\r\n\r\n                <p>\r\n                  Certain independently reviewed and accepted observations may be\r\n                  eligible for a small operational reward under the Green Team reward scheme.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Rewards recognise useful, evidence-supported contributions and are\r\n                  separate from the voluntary nature of the role. Simply submitting an\r\n                  observation does not automatically qualify for a reward.\r\n                <\/p>\r\n\r\n\r\n                <h3>Training &amp; progression<\/h3>\r\n\r\n                <p>\r\n                  Green Team members receive access to guidance and training covering:\r\n                <\/p>\r\n\r\n                <ul>\r\n                  <li>Field observation<\/li>\r\n                  <li>Evidence handling<\/li>\r\n                  <li>OPserver<\/li>\r\n                  <li>Photography and documentation<\/li>\r\n                  <li>Privacy and data protection awareness<\/li>\r\n                  <li>Personal safety and de-escalation<\/li>\r\n                  <li>Health &amp; safety awareness<\/li>\r\n                  <li>Reputation and operational risk<\/li>\r\n                <\/ul>\r\n\r\n                <p>\r\n                  Volunteers who demonstrate good judgement and reliability may progress\r\n                  to additional responsibilities within the Green Team.\r\n                <\/p>\r\n\r\n\r\n                <h3>Who are we looking for?<\/h3>\r\n\r\n                <p>\r\n                  You don&#8217;t need previous investigation or security experience.\r\n                <\/p>\r\n\r\n                <p>\r\n                  We&#8217;re particularly interested in people who are observant, curious,\r\n                  responsible and capable of separating\r\n                  <strong>\r\n                    what they actually saw from what they think might have happened\r\n                  <\/strong>.\r\n                <\/p>\r\n\r\n                <p>\r\n                  If you&#8217;re the sort of person who notices things other people walk\r\n                  straight past, we&#8217;d like to hear from you.\r\n                <\/p>\r\n\r\n\r\n                <h3>Interested?<\/h3>\r\n\r\n                <p>\r\n                  Apply for our Green Team and become part of True Observer!\r\n                <\/p>\r\n\r\n\r\n              <\/div>\r\n\r\n            <\/details>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-job-actions-right\">\r\n\r\n            <div class=\"to-share-wrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"to-btn secondary to-share-btn\"\r\n                data-role-id=\"green-team-field-volunteer\"\r\n                data-share-title=\"Green Team Field Volunteer \u2013 True Observer\"\r\n                data-share-text=\"See something worth improving? Record it. Join the True Observer Green Team in Sheffield and Leeds.\"\r\n              >\r\n                Share this role\r\n                <span aria-hidden=\"true\">\u2197<\/span>\r\n              <\/button>\r\n\r\n\r\n              <div class=\"to-share-menu\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"linkedin\"\r\n                >\r\n                  LinkedIn\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"facebook\"\r\n                >\r\n                  Facebook\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"whatsapp\"\r\n                >\r\n                  WhatsApp\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"copy\"\r\n                >\r\n                  Copy link\r\n                <\/button>\r\n\r\n                <div class=\"to-share-message\">\r\n                  Link copied\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n              href=\"#apply\"\r\n              class=\"to-btn to-apply-btn\"\r\n              data-role=\"Green Team Field Volunteer\"\r\n            >\r\n              Apply to volunteer\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- ======================================================\r\n           CUSTOMER SERVICE ASSISTANT\r\n      ======================================================= -->\r\n\r\n      <article\r\n        class=\"to-job\"\r\n        id=\"customer-service-assistant\"\r\n        data-role-title=\"Customer Service Assistant\"\r\n      >\r\n\r\n        <div class=\"to-job-top\">\r\n\r\n\r\n          <div class=\"to-job-visible\">\r\n\r\n            <h2 class=\"to-job-title\">\r\n              Customer Service Assistant\r\n            <\/h2>\r\n\r\n            <div class=\"to-job-headline\">\r\n              Be the first point of contact for True Observer.\r\n            <\/div>\r\n\r\n\r\n            <div class=\"to-job-info\">\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Location<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Sheffield \/ Remote\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Hours<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Flexible weekday availability\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Type<\/span>\r\n                <span class=\"to-info-value\">\r\n                  Mini Job\r\n                <\/span>\r\n              <\/div>\r\n\r\n              <div class=\"to-info-item\">\r\n                <span class=\"to-info-label\">Pay<\/span>\r\n                <span class=\"to-info-value\">\r\n                  \u00a312\u2013\u00a314 \/ hour\r\n                <\/span>\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <p>\r\n              We are looking for a reliable and confident person to provide\r\n              friendly customer service support and act as a professional first point\r\n              of contact for our clients, businesses, volunteers and members of the public.\r\n            <\/p>\r\n\r\n            <p>\r\n              This is a small, flexible role designed to fit around studies,\r\n              another job or other commitments.\r\n            <\/p>\r\n\r\n            <p>\r\n              The role can include answering incoming calls, responding to simple\r\n              enquiries and recording messages during agreed periods of availability.\r\n              It is designed to fit around studies, another job or other commitments.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CHANGE IMAGE URL HERE -->\r\n\r\n          <div\r\n            class=\"to-job-image\"\r\n            style=\"--job-image:url('https:\/\/trueobservermedia.com\/wp-content\/uploads\/2026\/08\/telephone-assistant.jpg');\"\r\n          >\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"to-job-actions\">\r\n\r\n          <div class=\"to-job-actions-left\">\r\n\r\n            <details>\r\n\r\n              <summary>\r\n                <span class=\"to-view-text\"><\/span>\r\n                <span class=\"to-expand-icon\">+<\/span>\r\n              <\/summary>\r\n\r\n\r\n              <div class=\"to-job-details\">\r\n\r\n                <h3>What you&#8217;ll do<\/h3>\r\n\r\n                <p>\r\n                  You&#8217;ll help provide a friendly and professional first response\r\n                  to people contacting True Observer.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Depending on the enquiry, you may:\r\n                <\/p>\r\n\r\n                <ul>\r\n                  <li>Answer incoming calls and general enquiries about True Observer<\/li>\r\n                  <li>Take messages and contact details<\/li>\r\n                  <li>Respond to straightforward customer service enquiries<\/li>\r\n                  <li>Identify what the person needs and direct the enquiry to the appropriate team<\/li>\r\n                  <li>Record relevant information accurately<\/li>\r\n                  <li>Arrange for a team member to follow up where necessary<\/li>\r\n                  <li>Follow our customer service, call-handling and privacy procedures<\/li>\r\n                <\/ul>\r\n\r\n                <p>\r\n                  You won&#8217;t be expected to know the answer to everything. We&#8217;ll provide\r\n                  guidance on common enquiries and clear instructions on when an enquiry\r\n                  should simply be recorded and passed to somebody else.\r\n                <\/p>\r\n\r\n\r\n                <h3>How does it work?<\/h3>\r\n\r\n                <p>\r\n                  There are\r\n                  <strong>no guaranteed weekly hours and no fixed shifts<\/strong>.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Availability is agreed in advance. You can tell us which periods you\r\n                  are able to cover and we&#8217;ll arrange customer service cover around the\r\n                  needs of the organisation.\r\n                <\/p>\r\n\r\n                <p>\r\n                  The role is intended to provide occasional, flexible work rather than\r\n                  a traditional full-time customer service schedule.\r\n                <\/p>\r\n\r\n\r\n                <h3>Pay<\/h3>\r\n\r\n                <p>\r\n                  The role pays <strong>\u00a312\u2013\u00a314 per hour<\/strong>, depending on\r\n                  experience and the responsibilities undertaken.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Where availability arrangements differ from normal hourly work,\r\n                  the applicable payment and expectations will always be agreed with\r\n                  you in advance.\r\n                <\/p>\r\n\r\n\r\n                <h3>We&#8217;re looking for someone who is<\/h3>\r\n\r\n                <ul>\r\n                  <li>Friendly, confident and professional when dealing with people<\/li>\r\n                  <li>Reliable during agreed availability periods<\/li>\r\n                  <li>Comfortable communicating with different types of people by phone or message<\/li>\r\n                  <li>Able to take accurate messages and record information<\/li>\r\n                  <li>Comfortable using a smartphone and basic online systems<\/li>\r\n                  <li>Able to communicate clearly in English<\/li>\r\n                  <li>Discreet when handling information<\/li>\r\n                  <li>At least 18 years old<\/li>\r\n                <\/ul>\r\n\r\n                <p>\r\n                  Additional languages, particularly\r\n                  <strong>Spanish or German<\/strong>,\r\n                  would be an advantage but are not required.\r\n                <\/p>\r\n\r\n                <p>\r\n                  Previous customer service or call-centre experience is\r\n                  <strong>not required<\/strong>.\r\n                  Good communication, reliability and judgement are more important to us.\r\n                <\/p>\r\n\r\n\r\n                <h3>Training &amp; support<\/h3>\r\n\r\n                <p>\r\n                  We&#8217;ll provide guidance before you start, including:\r\n                <\/p>\r\n\r\n                <ul>\r\n                  <li>How True Observer works<\/li>\r\n                  <li>Common types of enquiries<\/li>\r\n                  <li>Customer service and call-handling procedures<\/li>\r\n                  <li>Taking and recording messages<\/li>\r\n                  <li>Privacy and data protection awareness<\/li>\r\n                  <li>When and how to escalate a call<\/li>\r\n                <\/ul>\r\n\r\n                <p>\r\n                  You&#8217;ll always have a clear route for passing an enquiry to the\r\n                  appropriate person rather than being expected to resolve everything yourself.\r\n                <\/p>\r\n\r\n\r\n                <h3>Interested?<\/h3>\r\n\r\n                <p>\r\n                  If you&#8217;re looking for a flexible mini job that can fit around your\r\n                  existing commitments, we&#8217;d like to hear from you.\r\n                <\/p>\r\n\r\n                <p>\r\n                  <strong>\r\n                    Apply for the role and become part of the True Observer team!\r\n                  <\/strong>\r\n                <\/p>\r\n\r\n\r\n              <\/div>\r\n\r\n            <\/details>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-job-actions-right\">\r\n\r\n            <div class=\"to-share-wrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"to-btn secondary to-share-btn\"\r\n                data-role-id=\"customer-service-assistant\"\r\n                data-share-title=\"Customer Service Assistant \u2013 True Observer\"\r\n                data-share-text=\"Be the first point of contact for True Observer. Flexible Customer Service Assistant mini job in Sheffield \/ Remote.\"\r\n              >\r\n                Share this role\r\n                <span aria-hidden=\"true\">\u2197<\/span>\r\n              <\/button>\r\n\r\n\r\n              <div class=\"to-share-menu\">\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"linkedin\"\r\n                >\r\n                  LinkedIn\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"facebook\"\r\n                >\r\n                  Facebook\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"whatsapp\"\r\n                >\r\n                  WhatsApp\r\n                <\/button>\r\n\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"to-share-option\"\r\n                  data-share-type=\"copy\"\r\n                >\r\n                  Copy link\r\n                <\/button>\r\n\r\n                <div class=\"to-share-message\">\r\n                  Link copied\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <a\r\n              href=\"#apply\"\r\n              class=\"to-btn to-apply-btn\"\r\n              data-role=\"Customer Service Assistant\"\r\n            >\r\n              Apply for this role\r\n            <\/a>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         APPLICATION FORM\r\n    ======================================================= -->\r\n\r\n    <div class=\"to-apply\" id=\"apply\">\r\n\r\n      <span class=\"to-apply-label\">\r\n        Interested?\r\n      <\/span>\r\n\r\n      <h2>Apply to join us<\/h2>\r\n\r\n      <p class=\"to-apply-intro\">\r\n        Send us a few details about yourself and upload your CV.\r\n        Select the opportunity you&#8217;re interested in and we&#8217;ll review your application.\r\n      <\/p>\r\n\r\n\r\n      <form\r\n        class=\"to-form\"\r\n        method=\"post\"\r\n        enctype=\"multipart\/form-data\"\r\n        action=\"\/volunteers-handler.php\"\r\n      >\r\n\r\n        <!-- Same fields used by the working Volunteer Programme form -->\r\n        <input\r\n          type=\"text\"\r\n          name=\"website\"\r\n          style=\"display:none\"\r\n          tabindex=\"-1\"\r\n          autocomplete=\"off\"\r\n        >\r\n\r\n        <input\r\n          type=\"hidden\"\r\n          id=\"to-subject\"\r\n          name=\"subject\"\r\n          value=\"Careers application\"\r\n        >\r\n\r\n\r\n        <div class=\"to-form-grid\">\r\n\r\n\r\n          <div class=\"to-field\">\r\n\r\n            <label for=\"to-name\">\r\n              Full name*\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"to-name\"\r\n              name=\"name\"\r\n              type=\"text\"\r\n              autocomplete=\"name\"\r\n              required\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field\">\r\n\r\n            <label for=\"to-email\">\r\n              Email*\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"to-email\"\r\n              name=\"email\"\r\n              type=\"email\"\r\n              autocomplete=\"email\"\r\n              required\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field\">\r\n\r\n            <label for=\"to-country\">\r\n              Location \/ Country\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"to-country\"\r\n              name=\"country\"\r\n              type=\"text\"\r\n              placeholder=\"e.g. Sheffield, UK\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field\">\r\n\r\n            <label for=\"to-languages\">\r\n              Languages\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"to-languages\"\r\n              name=\"languages\"\r\n              type=\"text\"\r\n              placeholder=\"e.g. English, Spanish, German\"\r\n            >\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field full\">\r\n\r\n            <label for=\"to-role\">\r\n              Role applying for*\r\n            <\/label>\r\n\r\n            <select\r\n              id=\"to-role\"\r\n              name=\"role\"\r\n              required\r\n            >\r\n\r\n              <option value=\"\">\r\n                Select a role\r\n              <\/option>\r\n\r\n              <option value=\"Leaflet Distributor\">\r\n                Leaflet Distributor \u2014 Mini Job\r\n              <\/option>\r\n\r\n              <option value=\"Green Team Field Volunteer\">\r\n                Green Team Field Volunteer\r\n              <\/option>\r\n\r\n              <option value=\"Customer Service Assistant\">\r\n                Customer Service Assistant \u2014 Mini Job\r\n              <\/option>\r\n\r\n            <\/select>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field full\">\r\n\r\n            <label for=\"to-message\">\r\n              Message*\r\n            <\/label>\r\n\r\n            <textarea\r\n              id=\"to-message\"\r\n              name=\"message\"\r\n              required\r\n              placeholder=\"Tell us briefly about yourself, your availability and why you're interested in the role.\"\r\n            ><\/textarea>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"to-field full\">\r\n\r\n            <label for=\"to-files\">\r\n              CV \/ Attachments\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"to-files\"\r\n              name=\"files[]\"\r\n              type=\"file\"\r\n              multiple\r\n              accept=\".pdf,.jpg,.jpeg,.png,.doc,.docx\"\r\n            >\r\n\r\n            <span class=\"to-help\">\r\n              PDF, JPG, PNG, DOC or DOCX.\r\n              Maximum 5 MB per file, up to 5 files.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <label class=\"to-consent\">\r\n\r\n          <input\r\n            type=\"checkbox\"\r\n            name=\"consent\"\r\n            required\r\n          >\r\n\r\n          <span>\r\n            I agree to the processing of my data as described in the\r\n            <a\r\n              href=\"\/privacy\"\r\n              target=\"_blank\"\r\n              rel=\"noopener\"\r\n            >\r\n              Privacy Policy\r\n            <\/a>.\r\n          <\/span>\r\n\r\n        <\/label>\r\n\r\n\r\n        <div class=\"to-submit\">\r\n\r\n          <button\r\n            class=\"to-btn\"\r\n            type=\"submit\"\r\n          >\r\n            Send application\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n\r\n\r\n  \/* ======================================================\r\n     BASIC ELEMENTS\r\n  ======================================================= *\/\r\n\r\n  const form = document.querySelector('.to-form');\r\n  const roleSelect = document.querySelector('#to-role');\r\n  const subjectInput = document.querySelector('#to-subject');\r\n  const applyButtons = document.querySelectorAll('.to-apply-btn');\r\n  const shareButtons = document.querySelectorAll('.to-share-btn');\r\n\r\n  function updateApplicationSubject(){\r\n    if(!subjectInput) return;\r\n\r\n    const role = roleSelect ? roleSelect.value : '';\r\n\r\n    subjectInput.value = role\r\n      ? 'Job application - ' + role\r\n      : 'Careers application';\r\n  }\r\n\r\n  if(roleSelect){\r\n    roleSelect.addEventListener('change', updateApplicationSubject);\r\n  }\r\n\r\n\r\n  \/* ======================================================\r\n     APPLY BUTTON\r\n     Automatically selects correct role\r\n  ======================================================= *\/\r\n\r\n  applyButtons.forEach(function(button){\r\n\r\n    button.addEventListener('click', function(){\r\n\r\n      const role = this.dataset.role;\r\n\r\n      if(roleSelect && role){\r\n        roleSelect.value = role;\r\n        updateApplicationSubject();\r\n      }\r\n\r\n      setTimeout(function(){\r\n\r\n        const applySection = document.querySelector('#apply');\r\n\r\n        if(applySection){\r\n          applySection.scrollIntoView({\r\n            behavior:'smooth',\r\n            block:'start'\r\n          });\r\n        }\r\n\r\n      },50);\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* ======================================================\r\n     BUILD INDIVIDUAL JOB URL\r\n  ======================================================= *\/\r\n\r\nfunction getRoleURL(roleId){\r\n\r\n  const roleURLs = {\r\n    'leaflet-distributor':\r\n      'https:\/\/trueobservermedia.com\/leaflet-distributor\/',\r\n\r\n    'green-team-field-volunteer':\r\n      'https:\/\/trueobservermedia.com\/green-team-volunteer\/',\r\n\r\n    'customer-service-assistant':\r\n      'https:\/\/trueobservermedia.com\/customer-service-assistant\/'\r\n  };\r\n\r\n  return roleURLs[roleId] || window.location.href;\r\n}\r\n\r\n\r\n  \/* ======================================================\r\n     SHARE BUTTONS\r\n  ======================================================= *\/\r\n\r\n  shareButtons.forEach(function(button){\r\n\r\n    button.addEventListener('click', function(event){\r\n\r\n      event.stopPropagation();\r\n\r\n      const wrap = this.closest('.to-share-wrap');\r\n\r\n      document\r\n        .querySelectorAll('.to-share-wrap')\r\n        .forEach(function(otherWrap){\r\n\r\n          if(otherWrap !== wrap){\r\n            otherWrap.classList.remove('open');\r\n          }\r\n\r\n        });\r\n\r\n      wrap.classList.toggle('open');\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* ======================================================\r\n     SHARE OPTIONS\r\n  ======================================================= *\/\r\n\r\n  document.querySelectorAll('.to-share-option').forEach(function(option){\r\n\r\n    option.addEventListener('click', async function(){\r\n\r\n      const wrap = this.closest('.to-share-wrap');\r\n      const button = wrap.querySelector('.to-share-btn');\r\n\r\n      const roleId = button.dataset.roleId;\r\n      const title = button.dataset.shareTitle;\r\n      const text = button.dataset.shareText;\r\n\r\n      const url = getRoleURL(roleId);\r\n\r\n      const type = this.dataset.shareType;\r\n\r\n\r\n      \/* LINKEDIN *\/\r\n\r\n      if(type === 'linkedin'){\r\n\r\n        window.open(\r\n          'https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=' +\r\n          encodeURIComponent(url),\r\n          '_blank',\r\n          'noopener,noreferrer,width=700,height=600'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* FACEBOOK *\/\r\n\r\n      if(type === 'facebook'){\r\n\r\n        window.open(\r\n          'https:\/\/www.facebook.com\/sharer\/sharer.php?u=' +\r\n          encodeURIComponent(url),\r\n          '_blank',\r\n          'noopener,noreferrer,width=700,height=600'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* WHATSAPP *\/\r\n\r\n      if(type === 'whatsapp'){\r\n\r\n        const message =\r\n          title +\r\n          '\\n\\n' +\r\n          text +\r\n          '\\n\\n' +\r\n          url;\r\n\r\n        window.open(\r\n          'https:\/\/wa.me\/?text=' +\r\n          encodeURIComponent(message),\r\n          '_blank',\r\n          'noopener,noreferrer'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* COPY LINK *\/\r\n\r\n      if(type === 'copy'){\r\n\r\n        try{\r\n\r\n          await navigator.clipboard.writeText(url);\r\n\r\n          const message = wrap.querySelector('.to-share-message');\r\n\r\n          if(message){\r\n\r\n            message.style.display = 'block';\r\n\r\n            setTimeout(function(){\r\n              message.style.display = 'none';\r\n            },1800);\r\n\r\n          }\r\n\r\n        }catch(error){\r\n\r\n          window.prompt(\r\n            'Copy this link:',\r\n            url\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    });\r\n\r\n  });\r\n\r\n\r\n  \/* ======================================================\r\n     CLOSE SHARE MENU WHEN CLICKING ELSEWHERE\r\n  ======================================================= *\/\r\n\r\n  document.addEventListener('click', function(event){\r\n\r\n    if(!event.target.closest('.to-share-wrap')){\r\n\r\n      document\r\n        .querySelectorAll('.to-share-wrap')\r\n        .forEach(function(wrap){\r\n          wrap.classList.remove('open');\r\n        });\r\n\r\n    }\r\n\r\n  });\r\n\r\n\r\n  \/* ======================================================\r\n     OPEN CORRECT JOB WHEN VISITING SHARED LINK\r\n  ======================================================= *\/\r\n\r\n  function openRoleFromHash(){\r\n\r\n    const hash = window.location.hash;\r\n\r\n    if(!hash || hash === '#apply'){\r\n      return;\r\n    }\r\n\r\n    const role = document.querySelector(hash);\r\n\r\n    if(!role || !role.classList.contains('to-job')){\r\n      return;\r\n    }\r\n\r\n    const details = role.querySelector('details');\r\n\r\n    if(details){\r\n      details.open = true;\r\n    }\r\n\r\n    role.classList.add('to-highlight');\r\n\r\n    setTimeout(function(){\r\n\r\n      role.scrollIntoView({\r\n        behavior:'smooth',\r\n        block:'start'\r\n      });\r\n\r\n    },180);\r\n\r\n    setTimeout(function(){\r\n\r\n      role.classList.remove('to-highlight');\r\n\r\n    },3500);\r\n\r\n  }\r\n\r\n\r\n  openRoleFromHash();\r\n\r\n\r\n  window.addEventListener(\r\n    'hashchange',\r\n    openRoleFromHash\r\n  );\r\n\r\n\r\n  \/* ======================================================\r\n     ATTACHMENT VALIDATION\r\n  ======================================================= *\/\r\n\r\n  if(!form){\r\n    return;\r\n  }\r\n\r\n\r\n  form.addEventListener('submit', function(e){\r\n\r\n    const fileInput =\r\n      this.querySelector('#to-files');\r\n\r\n    if(!fileInput || !fileInput.files){\r\n      return;\r\n    }\r\n\r\n    const maxFileSize =\r\n      5 * 1024 * 1024;\r\n\r\n    const maxFiles = 5;\r\n\r\n\r\n    if(fileInput.files.length > maxFiles){\r\n\r\n      alert(\r\n        'You can upload a maximum of 5 files.'\r\n      );\r\n\r\n      e.preventDefault();\r\n\r\n      return;\r\n    }\r\n\r\n\r\n    for(const file of fileInput.files){\r\n\r\n      if(file.size > maxFileSize){\r\n\r\n        alert(\r\n          '\"' +\r\n          file.name +\r\n          '\" exceeds the 5 MB file size limit.'\r\n        );\r\n\r\n        e.preventDefault();\r\n\r\n        return;\r\n      }\r\n\r\n    }\r\n\r\n  });\r\n\r\n});\r\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Careers &amp; Opportunities Join True Observer Flexible paid roles and volunteer opportunities in Sheffield, Leeds and beyond. Whether you&#8217;re looking to earn some extra money, gain practical experience or become involved in what we&#8217;re building, we&#8217;d like to hear from you. Leaflet Distributor Help us get the word out. Location Sheffield &amp; Leeds Area Hours [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2599","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/pages\/2599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/comments?post=2599"}],"version-history":[{"count":14,"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/pages\/2599\/revisions"}],"predecessor-version":[{"id":4651,"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/pages\/2599\/revisions\/4651"}],"wp:attachment":[{"href":"https:\/\/trueobservermedia.com\/de\/wp-json\/wp\/v2\/media?parent=2599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}