Emotify/old.html at master · Shugabuga/Emotify · GitHub

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="dist/sweetalert.min.js"></script>
    <link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Emotify</title>

    <link href="https://shuga.co/yeti.min.css" rel="stylesheet">
    <link href="theme.css" rel="stylesheet">
  </head>

  <body>

    <!-- Fixed navbar -->
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">

          <a class="navbar-brand" href="#">BetterPonymotes Utilities</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
        <li><a href="https://ponymotes.net/bpm">Home</a></li>
        <li><a href="https://github.com/Rothera/bpm">GitHub</a></li>
        <li><a href="https://ponymotes.net/view">Ponymote Viewer</a></li>
        <li class="active"><a href="#">Emotify <span class="sr-only">(current)</span></a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container theme-showcase" role="main">

      <div id="maintenance" class="alert alert-info" role="alert">
        <strong>Pardon our Mess!</strong> Emotify is still an experimential application and may not function properly.
      </div>


      <div class="stitches">

      </div>
      <div style="visibility: hidden" class="panel">
      ;)
      </div>

      <div class="panel panel-info">
  <div style="width: 100%" class="panel-heading">
    <h3 class="panel-title">FAQ:</h3>
  </div>
  <div class="panel-body">
    <b>Q: The spritesheet won't upload to Reddit!</b><br>
    A: Try making the emotes smaller in your favorite image editor, or change the padding in the Emotify settings. If that still doesn't work, try adding in less emotes per spritesheet.<br><br>
    <b>Q: The stylesheet is too big and/or I can't add any more images to Reddit!</b><br>
    A: Emotify can't help you, but <a href="https://github.com/Shugabuga/EmoteTexturePacker">this TexturePacker</a> exporter may be of some use, but it isn't as simple as Emotify. Read the README of the exporter for more information.<br><br>
    <b>Q: Can I use this more than once?</b><br>
    A: Yes! Emotify generates a unique 5-character string for each spritesheet. This ensures that you can use Emotify millions of times and not run into any issues (916,132,832 times without repeat).<br><br>
    <b>Q: How do I add these to my subreddit?</b><br>
    A: Follow the following instructions. Don't worry, it's easy!<br>
    <i>1) Go to your subreddit's stylesheet and upload the spritesheet generated by the <code>Downloads</code> button. Make sure that the Reddit file name is the same as when you have downloaded it.<br>
    2) Paste in the generated CSS code into your subreddit's stylesheet.<br>
    3) Save the stylesheet, and use the emote codes generated by the <code>Downloads</code> button.</i><br><br>
    <b>Q: How do I add images?</b><br>
    A: You can either drag-and-drop the images into the checkered box, or press the <code>Open</code> button and select the images you wish to upload.<br><br>
    <b>Q: I now have emotes on my pony sub. How do I get my emotes into BPM?</b><br>
    A: <a href="https://www.reddit.com/r/betterponymotes/submit?selftext=true&text=http://www.reddit.com/r/betterponymotes/submit?selftext=true&title=[Subreddit%20Request]%20/r/REPLACEWITHYOURSUBREDDIT&text=Feel%20free%20to%20describe%20your%20new%20ponymotes%20here!%20Doing%20so%20gives%20your%20subreddit%20a%20better%20chance%20of%20being%20included%20into%20BPM.">Click Here!</a><br><br>
    <b>Q: Is Emotify affiliated with BPM?</b><br>
    A: Although HeyItsShuga helped code parts of BPM, this project is not affiliated with BPM and is developed seperately. In other words, don't submit issues with Emotify to the BPM GitHub page.
  </div>
</div>


    </div> <!-- /container -->


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.4/js/bootstrap.min.js" integrity="sha384-VjEeINv9OSwtWFLAtmc4JCtEJXXBub00gtSnszmspDLCtC0I4z4nqz7rEFbIZLLU" crossorigin="anonymous"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="assets/js/ie10-viewport-bug-workaround.js"></script>

    <link rel="stylesheet" href="css/stitches-1.3.5.min.css">
    <script src="libs/modernizr/modernizr-2.0.6.min.js"></script>
    <script data-main="js/stitches.js" src="js/dev.js"></script>
    <script>
    function makeid()
    {
        var text = "";
        var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";

        for( var i=0; i < 5; i++ )
            text += possible.charAt(Math.floor(Math.random() * possible.length));

        return text;
    }
    randomChar = makeid()
    function randomBtn() {
      swal({   title: randomChar,   text: "Make sure you name your spritesheet " + randomChar + " when uploading to Reddit!",  confirmButtonText: "Okay!" });
    }
    </script>


  </body>
</html>