QjZadg

index.html

<div class="splash-panel">
  <h1>pomf<i>.io</i> <span>lewd image hosting</span></h1>
  <p class="information">
    Pomf.io is a quick and easy to use file upload service.
    <br /> Use the service to upload whatever you want; as long as it isn't against our simple rules.
  </p>
  <hr />
  <a href="https://lewd.sx" class="shameless-plug">You might consider checking out <i>Lewd.sx</i>, a forum for qt anime grills.</a>
  <hr />
  <div class="upload">
    <a class="button" href="javascript:;">
    Select or drop your file(s).
    </a>
    <br />
    <span class="max">Max upload size is 100MB.</span>
  </div>
</div>
<div class="splash-panel info">
  <h3>What makes pomf.io great?</h4>
  <section>
    There are many things that make our service great, we've compiled a list of them below.
    <ul>
      <li>We're pro-privacy, none of your images will be shared with anyone you haven't shared the link with. This includes an un-named antagonist in the file upload scene, who pesters us with requests to share your private content via internet archives.</li>
      <li>Virus free! We run a virus scan on our uploaded files every thirty minutes, making sure that your content is not on the same server as various viruses.</li>
      <li>Everything's here to stay. If your file does not break the rules listed below; we will not remove it without reason to. On that note, if you want your file removed, feel free to contact us.</li>
  </section>
  <hr />
  <h3>What are the rules?</h3>
  <section>
    As with any file upload service, we've got to set some ground rules for what content can and can not be uploaded to our service. Below are some guidelines as to what we allow and do not allow.
    <ul>
      <li>We <strong>do not</strong> allow child pornography or beastiality, and will actively remove it whenever it's discovered.</li>
      <li>Viruses
        <stong>are not</strong> allowed and should be taken care of by our automated virus scans. In the event that a virus is found by a means other than our automated virus scan, we will remove it.</li>
      <li>We do however, allow pornography to be uploaded to our server. Granted that it does not break any other rule. This includes, but is not limited to hentai and softcore porn.</li>
      <li>As long as it doesn't break our rules, we don't mind what you upload.</li>
    </ul>
  </section>
  <hr />
  <h3>How can we get in contact with you?</h3>
  <section>
    There's a bunch of ways that you can get in contact with me, here are some:
    <ul>
      <li>You can me an email, at <a href="mailto:senpai@protonmail.ch">senpai@protonmail.ch</a>. I try to check the emails at least once a day.</li>
      <li>I'm available on twitter, under the handle <a href="https://twitter.com/tastyneko">@tastyneko</a>. I mainly use it for talking to cute people.</li>
      <li>I can occasionally be caught on IRC (irc.lewd.sx - #lounge). But it's probably not my most reliable method of contact.</li>
      <li>And of course, I can be contacted via <a href="https://lewd.sx/u/senpai">my Lewd.sx profile</a>.</li>
    </ul>
  </section>
  <hr />
  <h3>How much does this cost?</h3>
  <section>
    This costs me ~$60 a month to run, which realistically is not a lot at all for anyone that works full time.
    <br />
    <br /> I don't expect any donations, but if you would like to donate, my bitcoin address is: <a href="bitcoin:1L3NADN5i74zop1WALQbbkpuSXE7RM5qgL?label=pomf.io&message=Donation">1L3NADN5i74zop1WALQbbkpuSXE7RM5qgL</a>.
    <br />
    <br /> All donations towards this service are spent on improving this service.
    <br />
    <br /> At this time, no donations have been made.
  </section>
  <hr />
  <h3>How can I upload to pomf.io without using the site?</h3>
  <section>
    <ul>
      <li><a href="https://getsharex.com/">ShareX</a> - pomf.io is built into sharex by default, but if for some reason you would like to add it manually, <a href='https://u.pomf.io/kkfdcd.txt'>here are the settings</a>.</li>
      <li>
        <a href="https://github.com/lich/limf">limf</a> - A tool for uploading to various sites based on the pomf.se source.
      </li>
    </ul>
  </section>
</div>
<div class="footer">
  <p class="information bottom">
    Service made with love and powered by lolis.
  </p>
</div>

QjZadg.markdown

QjZadg

Forked from Jayme Brereton's Pen LpraPg.

A Pen by Indra Kurniawan on CodePen.

License.

style.css

$pink: #e80860;
$green: #224C22;
$grey: #888;
$spacing: 42px;
$font-size: 18px;

body {
  background: #151515;
  color: $grey;
  padding: 50px 0;
  font-size: $font-size;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  h1 {
    font-weight: 400;
    font-size: $font-size * 2.5;
    width: 300px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: $spacing;
    i {
      color: $pink;
    }
    span {
      font-size: $font-size * 0.8;
      font-weight: 300;
      display: block;
      color: $grey;
    }
  }
  p {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.5;
  }
  hr {
    border: 0;
    border-top: 1px solid $pink;
    background: red;
    width: 50%;
    margin: $spacing auto;
  }
  .shameless-plug {
    background: #252525;
    text-align: center;
    padding: 10px;
    max-width: 700px;
    display: block;
    text-decoration: none;
    margin: 0 auto;
    color: #fff;
    i {
      color: $pink;
    }
    &:hover {
      background-color: #292929;
    }
  }
  .upload {
    text-align: center;
      .button {
        background: #222;
        border: 1px solid #A20140;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: $font-size * 1.5;
        padding: 28px 48px;
        text-shadow: 0;
        text-decoration: none;
        transition: .5s;
        &:hover {
          background: #A20140;
        }
      }
    .max {
      display: inline-block;
      margin-top: 10px;
      font-size: $font-size * 0.75;
    }
  }
  
  h3 {
    font-size: $font-size * 1.5;
    text-align: center;
    margin-bottom: $spacing;
  }
  section {
    margin-bottom: $spacing;
    max-width: 700px;
    margin: 0 auto;
    a {
          color: $pink;
        }
    ul {
      margin-top: $spacing;
      li {
        margin-bottom: $spacing;
        
      }
    }
  }
  .splash-panel {
    min-height: 100vh;
    padding: 10px;
  }
  .info {
    border-top: 1px solid #e80860;
    border-bottom: 1px solid #e80860;
    padding-top: 40px;
    background: rgb(32, 32, 32);
  }
  .information.bottom {
    padding-top: 50px;
  }
}

styles

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300" rel="stylesheet" />