www.futureme.org Open in urlscan Pro
18.205.36.100  Public Scan

Submitted URL: https://www.futureme.org/letters/25998585-dtiislghbl/verify?key=vCsj6lh771H0nzuW5EKp2f5YELAr61
Effective URL: https://www.futureme.org/letters/new
Submission: On May 18 via api from US — Scanned from DE

Form analysis 2 forms found in the DOM

POST /letters

<form class="fm-editor-form" id="new_letter" data-parsley-validate="true" data-action="tealium-events#trackTealiumEvent:capture" data-tealium-events-event-name-param="letter_written" data-tealium-events-payload-param="" action="/letters"
  accept-charset="UTF-8" method="post" novalidate=""><input type="hidden" name="authenticity_token" value="lTNkI-7qPIw4TedFg9H8CUW67RSKKiQ4LCCj2nOmpLMZU44tZe53ZVrFlZaqNjqPy90wJD4mlPEhyJJtK5B9mA" autocomplete="off">
  <input autocomplete="off" type="hidden" name="letter[sent_from_draft_reminder]" id="letter_sent_from_draft_reminder">
  <div class="fm-editor-title">
    <input class="fm-editor-title-field" tabindex="1" placeholder="A letter from May 18th, 2023" type="text" value="A letter from May 18, 2023" name="letter[subject]" id="letter_subject">
    <a class="fm-badge is-primary is-bold fm-editor-title-fullscreen" onclick="gtag(&quot;event&quot;, &quot;full_screen&quot;, { &quot;event_category&quot;: &quot;ux&quot; });" href="/letters/new">
        <span class="fm-icon">
          <i class="fa-solid fa-expand" aria-hidden="true"></i>
        </span>
        <span>Full screen</span>
</a>
  </div>
  <div class="fm-editor-body">
    <div class="fm-input fm-editor-text" data-controller="word-counter" data-letter-editor-target="editorText">
      <div class="fm-editor-prompt display-none" data-letter-editor-target="inspirationSection">
        <p class="fm-editor-prompt-body" data-letter-editor-target="inspirationText"></p>
        <span class="fm-icon fm-editor-prompt-close is-2" data-action="click->letter-editor#closeInspiration:capture">
          <i class="fa-solid fa-times-circle"></i>
        </span>
      </div>
      <div class="fm-editor-text-body">
        <textarea class="fm-editor-textarea" tabindex="2" placeholder="" id="letter_body" data-word-counter-target="input"
          data-action="focus->letter-editor#bodyFocused blur->letter-editor#bodyBlurred word-counter#count tealium-events#trackTealiumEvent:capture:once letter-editor#hideInspiration" data-tealium-events-event-name-param="letter_writing_started"
          data-tealium-events-payload-param="" data-letter-editor-inspiration-display-threshold-param="250" name="letter[body]">Dear FutureMe,
</textarea>
        <a class="fm-badge fm-editor-text-fullscreen" onclick="gtag(&quot;event&quot;, &quot;full_screen&quot;, { &quot;event_category&quot;: &quot;ux&quot; });" href="/letters/new">
            <span class="fm-icon">
              <i class="fa-solid fa-expand" aria-hidden="true"></i>
            </span>
            <span>Full screen</span>
</a>
        <div class="fm-editor-inspiration " data-letter-editor-target="inspirationAnchor">
          <span class="fm-btn is-inspiration is-tight" data-action="click->letter-editor#inspire:capture" data-letter-editor-inspiration-url-param="https://www.futureme.org/letters/inspiration">
            <span>
              <span class="fm-icon">
                <i class="fa-regular fa-lightbulb" data-letter-editor-target="inspirationIcon"></i>
              </span>
              <span data-letter-editor-target="inspireMeText"> Inspire me! </span>
              <span class="display-none" data-letter-editor-target="newInspirationText"> New inspiration... </span>
            </span>
          </span>
        </div>
      </div>
      <footer class="fm-editor-text-footer">
        <div class="fm-editor-text-attachments">
        </div>
        <div class="fm-editor-text-meta">
          <div class="fm-editor-text-count">
            <span data-word-counter-target="count">2</span> word(s)
          </div>
          <div class="fm-editor-text-draft" id="js-draft-status">
          </div>
        </div>
      </footer>
    </div>
    <div class="fm-editor-controls">
      <!-- Delivery Type -->
      <div class="fm-editor-control" data-controller="letter-editor-delivery" data-letter-editor-delivery-send-date-type-value="duration" data-letter-editor-delivery-duration-value="{&quot;quantity&quot;:6,&quot;interval&quot;:&quot;month&quot;}">
        <input data-letter-editor-delivery-target="sendDateTypeInput" autocomplete="off" type="hidden" value="duration" name="letter[send_date_type]" id="letter_send_date_type">
        <div data-letter-editor-delivery-target="delivery duration" class="fm-editor-delivery" style="display: block;">
          <div class="fm-editor-heading">
            <label class="fm-editor-heading-label"><strong>Deliver in</strong></label>
            <span class="fm-editor-heading-side"> Or choose a <button class="fm-button-link" type="button" data-action="letter-editor-delivery#cycle" data-letter-editor-delivery-type-param="date">date</button>
            </span>
          </div>
          <div class="fm-options are-inline">
            <div class="fm-option">
              <input class="fm-option-input" data-action="letter-editor-delivery#durationSelected" data-letter-editor-delivery-quantity-param="6" data-letter-editor-delivery-interval-param="month" type="radio" value="6m" checked="checked"
                name="letter[pick_date]" id="letter_pick_date_6m" data-parsley-multiple="letterpick_date">
              <label class="fm-option-label" for="letter_pick_date_6m">6 months</label>
            </div>
            <div class="fm-option">
              <input class="fm-option-input" data-action="letter-editor-delivery#durationSelected" data-letter-editor-delivery-quantity-param="1" data-letter-editor-delivery-interval-param="year" type="radio" value="1y" name="letter[pick_date]"
                id="letter_pick_date_1y" data-parsley-multiple="letterpick_date">
              <label class="fm-option-label" for="letter_pick_date_1y">1 year</label>
            </div>
            <div class="fm-option">
              <input class="fm-option-input" data-action="letter-editor-delivery#durationSelected" data-letter-editor-delivery-quantity-param="3" data-letter-editor-delivery-interval-param="year" type="radio" value="3y" name="letter[pick_date]"
                id="letter_pick_date_3y" data-parsley-multiple="letterpick_date">
              <label class="fm-option-label" for="letter_pick_date_3y">3 years</label>
            </div>
            <div class="fm-option">
              <input class="fm-option-input" data-action="letter-editor-delivery#durationSelected" data-letter-editor-delivery-quantity-param="5" data-letter-editor-delivery-interval-param="year" type="radio" value="5y" name="letter[pick_date]"
                id="letter_pick_date_5y" data-parsley-multiple="letterpick_date">
              <label class="fm-option-label" for="letter_pick_date_5y">5 years</label>
            </div>
            <div class="fm-option">
              <input class="fm-option-input" data-action="letter-editor-delivery#durationSelected" data-letter-editor-delivery-quantity-param="10" data-letter-editor-delivery-interval-param="year" type="radio" value="10y" name="letter[pick_date]"
                id="letter_pick_date_10y" data-parsley-multiple="letterpick_date">
              <label class="fm-option-label" for="letter_pick_date_10y">10 years</label>
            </div>
          </div>
        </div>
        <div data-letter-editor-delivery-target="delivery date" class="fm-editor-delivery" style="display: none;">
          <div class="fm-editor-heading">
            <label class="fm-editor-heading-label"><strong>Deliver on</strong></label>
            <span class="fm-editor-heading-side"> Or choose a <button class="fm-button-link" type="button" data-action="letter-editor-delivery#cycle" data-letter-editor-delivery-type-param="duration">duration</button>
            </span>
          </div>
          <div class="fm-date-select">
            <select id="letter_send_date_2i" name="letter[send_date(2i)]" data-action="letter-editor-delivery#dateSelected">
              <option value="1">January</option>
              <option value="2">February</option>
              <option value="3">March</option>
              <option value="4">April</option>
              <option value="5">May</option>
              <option value="6">June</option>
              <option value="7">July</option>
              <option value="8">August</option>
              <option value="9">September</option>
              <option value="10">October</option>
              <option value="11" selected="selected">November</option>
              <option value="12">December</option>
            </select>
            <select id="letter_send_date_3i" name="letter[send_date(3i)]" data-action="letter-editor-delivery#dateSelected">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
              <option value="11">11</option>
              <option value="12">12</option>
              <option value="13">13</option>
              <option value="14">14</option>
              <option value="15">15</option>
              <option value="16">16</option>
              <option value="17">17</option>
              <option value="18" selected="selected">18</option>
              <option value="19">19</option>
              <option value="20">20</option>
              <option value="21">21</option>
              <option value="22">22</option>
              <option value="23">23</option>
              <option value="24">24</option>
              <option value="25">25</option>
              <option value="26">26</option>
              <option value="27">27</option>
              <option value="28">28</option>
              <option value="29">29</option>
              <option value="30">30</option>
              <option value="31">31</option>
            </select>
            <select id="letter_send_date_1i" name="letter[send_date(1i)]" data-action="letter-editor-delivery#dateSelected">
              <option value="2023" selected="selected">2023</option>
              <option value="2024">2024</option>
              <option value="2025">2025</option>
              <option value="2026">2026</option>
              <option value="2027">2027</option>
              <option value="2028">2028</option>
              <option value="2029">2029</option>
              <option value="2030">2030</option>
              <option value="2031">2031</option>
              <option value="2032">2032</option>
              <option value="2033">2033</option>
              <option value="2034">2034</option>
              <option value="2035">2035</option>
              <option value="2036">2036</option>
              <option value="2037">2037</option>
              <option value="2038">2038</option>
              <option value="2039">2039</option>
              <option value="2040">2040</option>
              <option value="2041">2041</option>
              <option value="2042">2042</option>
              <option value="2043">2043</option>
              <option value="2044">2044</option>
              <option value="2045">2045</option>
              <option value="2046">2046</option>
              <option value="2047">2047</option>
              <option value="2048">2048</option>
              <option value="2049">2049</option>
              <option value="2050">2050</option>
              <option value="2051">2051</option>
              <option value="2052">2052</option>
              <option value="2053">2053</option>
              <option value="2054">2054</option>
              <option value="2055">2055</option>
              <option value="2056">2056</option>
              <option value="2057">2057</option>
              <option value="2058">2058</option>
              <option value="2059">2059</option>
              <option value="2060">2060</option>
              <option value="2061">2061</option>
              <option value="2062">2062</option>
              <option value="2063">2063</option>
              <option value="2064">2064</option>
              <option value="2065">2065</option>
              <option value="2066">2066</option>
              <option value="2067">2067</option>
              <option value="2068">2068</option>
              <option value="2069">2069</option>
              <option value="2070">2070</option>
              <option value="2071">2071</option>
              <option value="2072">2072</option>
              <option value="2073">2073</option>
            </select>
          </div>
        </div>
      </div>
      <!-- Public or Private -->
      <div class="fm-editor-control">
        <div class="fm-editor-heading">
          <label class="fm-editor-heading-label"> Select your <strong>audience</strong>
          </label>
        </div>
        <div class="fm-options are-inline">
          <div class="fm-option">
            <input class="fm-option-input" type="radio" value="false" checked="checked" name="letter[public]" id="letter_public_false" data-parsley-multiple="letterpublic">
            <label class="fm-option-label" for="letter_public_false">Private</label>
          </div>
          <div class="fm-option">
            <input class="fm-option-input" type="radio" value="true" name="letter[public]" id="letter_public_true" data-parsley-multiple="letterpublic">
            <label class="fm-option-label" for="letter_public_true">Public, but anonymous</label>
          </div>
        </div>
      </div>
      <!-- Other parameters -->
      <div class="fm-editor-comments">
        <label for="letter_comments">Comments</label>
        <textarea autocomplete="off" tabindex="-1" rows="4" name="letter[comments]" id="letter_comments"></textarea>
      </div>
      <!-- Email and Phone -->
      <div class="fm-editor-control">
        <div class="fm-editor-heading">
          <label class="fm-editor-heading-label"> Make sure you <strong>get your letter</strong>
          </label>
        </div>
        <div data-controller="letter-editor-email" data-letter-editor-email-education-domains-value="k12|student|school|.edu|sd.org">
          <div class="fm-control has-icons-before has-icons-after">
            <input placeholder="Please enter an email" class="fm-input parsley" data-parsley-required="true" data-parsley-required-message="Please enter an email" data-parsley-trigger="change" data-parsley-ui-enabled="true" data-parsley-type="email"
              data-parsley-type-message="Please enter a valid email" data-parsley-whitespace="trim" data-parsley-emailtypo="true" data-action="letter-editor-email#emailChanged" data-letter-editor-email-target="input" type="text" name="letter[email]"
              id="letter_email">
            <span class="fm-icon is-before color-text-70">
              <i class="fa-solid fa-envelope"></i>
            </span>
            <span class="fm-icon is-after display-none valid-icon color-success-50">
              <i class="fa-solid fa-check"></i>
            </span>
            <span class="fm-icon is-after display-none invalid-icon color-danger-60">
              <i class="fa-solid fa-warning"></i>
            </span>
          </div>
          <div class="dn fm-email-hint" id="email-hint-pro" data-letter-editor-email-target="hintPro"> Are you using a school email? Ask your educator to use
            <a target="_blank" class="fm-link" href="https://www.futureme.org/education">FutureMe Education</a> to make sure your letters will be delivered! </div>
          <div class="dn fm-email-hint" id="email-hint-typo" data-letter-editor-email-target="hintTypo"> Did you mean <a href="#" data-letter-editor-email-target="suggestion" data-action="letter-editor-email#suggestionAccepted"></a>? </div>
        </div>
      </div>
      <div class="fm-editor-control" data-controller="letter-editor-pricing" data-action="letter-editor-delivery:physicalLetterStatusChanged@window->letter-editor-pricing#physicalLetterStatusChanged">
        <div class="fm-editor-heading">
          <label class="fm-editor-heading-label"> Pick your <strong>style</strong>
          </label>
        </div>
        <div class="fm-options are-rdios">
          <div class="fm-option is-rdio">
            <input class="fm-option-input fm-rdio-input" type="radio" value="free" name="letter[payment_mode]" id="letter_payment_mode_free" data-parsley-multiple="letterpayment_mode">
            <span class="fm-toggle-shape"></span>
            <label class="fm-option-label" for="letter_payment_mode_free">
              <span>Send just this letter</span>
              <span>Free</span>
            </label>
          </div>
          <div class="fm-option is-rdio">
            <input class="fm-option-input fm-rdio-input" data-letter-editor-pricing-target="expressRadio" type="radio" value="express" checked="checked" name="letter[payment_mode]" id="letter_payment_mode_express"
              data-parsley-multiple="letterpayment_mode">
            <span class="fm-toggle-shape"></span>
            <label class="fm-option-label" for="letter_payment_mode_express">
              <span>Send this letter + Support FutureMe</span>
              <span>€2,70</span>
            </label>
          </div>
        </div>
      </div>
      <!-- Disclaimer -->
      <p class="fm-editor-terms even-smaller"> You will receive a confirmation email - please make sure your email address is correct! By writing a letter and signing up for FutureMe you agree to the
        <a target="_blank" class="fm-link" href="/pages/tos">Terms of use</a>
      </p>
      <!-- Send your letter -->
      <button id="send_to_the_future" class="fm-editor-submit fm-btn is-fullwidth size-large is-fullspectrum">
        <span class="animate-background fullspectrum-gradient"> Send to the Future </span>
      </button>
    </div>
  </div>
</form>

GET /referrals/invite

<form class="button_to" method="get" action="/referrals/invite" data-remote="true"><button type="submit">
    <span class="fm-icon"><i class="fa-solid fa-paper-plane fa-sm"></i></span>
    <strong>Invite a friend</strong>
  </button></form>

Text Content

 * Write a Letter to the Future
 * Read Public Letters


for and
 * Blog
 * Press & Props

Sign In Sign Up Sign In Sign Up
FutureMe for FutureMe for Write a Letter to the Future Read Public Letters Blog
Press & Props
Your letter has already been verified. Write another!
Full screen

Dear FutureMe, Full screen
Inspire me! New inspiration...
2 word(s)

Deliver in Or choose a date
6 months
1 year
3 years
5 years
10 years
Deliver on Or choose a duration
January February March April May June July August September October November
December 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
28 29 30 31 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035
2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051
2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067
2068 2069 2070 2071 2072 2073
Select your audience
Private
Public, but anonymous
Comments
Make sure you get your letter
Are you using a school email? Ask your educator to use FutureMe Education to
make sure your letters will be delivered!
Did you mean ?
Pick your style
Send just this letter Free
Send this letter + Support FutureMe €2,70

You will receive a confirmation email - please make sure your email address is
correct! By writing a letter and signing up for FutureMe you agree to the Terms
of use

Send to the Future
Write a letter Read Public Letters Sign In Sign Up
Invite a friend
 * Home
 * Press & Props
 * FAQ
 * Jobs
 * Advertise
 * Support
 * Blog




 * Terms of use
 * Privacy Policy

FutureMe™ brought to you by Memories Group Limited © 2002 - 2023.
Yup - we've been sending letters to the future for over 21 years now

FutureMe uses cookies.

Learn how we use cookies to improve your experience by reviewing our Terms of
Service

👍  Got it!