We love our pets very much and wanted to include them in our project in some way.
When 215-515-0600 is texted any given message, a prompt will appear to text your choice of webpage. Then, the webpage will be messaged back and the person who texted the number can then click on the webpage (all websites built by the team members) to the choice of their animal.
We used html, css, and Twillio to build our project. First we coded 4 websites in html and css and then converted them into a website online using wix.com. Next, we bought a phone number in Twillio and coded with Python to allow the text messaging to occur.
First off, the twilio phone number only received texts from certain numbers and we had to figure out a way to enable any given number to text the twillio phone number. This was fixed by upgrading access from a free trial to a user (with the FemmeHacks promo code). Another challenge we faced was involved in the html and css and how to apply certain tags to certain values. One tiny mistake such as a missing quotation could mess everything up but after figuring out the little things, we got past it.
We are proud of getting all of the gifs on the websites to operate properly as it was a challenge at first. We are also proud of our creativity and ability to try intellectual risks in programming even though we are beginners.
We learned how to set certain properties to certain values and how to shorten ways of programming instead of coding one line at a time if it was many sets at once being coded on.
In the future, we hope to further develop this program by adding in more possibilities of phrases that can be texted to the number and the number of outputs in the code. We also plan to add more animals to include all animals and further spread the happiness :)
Below this line, we will give the code that it took to create the websites for the websites in this respective order: memedog, memecat, cutecat, cutedog.
Below the given codes is the coding we used for the Twilio api.
Welcome to Dog Heaven
h1 {
color: #514850;
text-align:center;
}
img {
color: #514850;
display: block;
margin-left: auto;
margin-right: auto;
width: 40%;
}
The dog here will be your guide (/^o^)/
p { color:#514850; text-align:center; }Dog Heaven has many doggos to see:
file:///C:/index.html/index.html
Code
!-- The boring stuff --> <!DOCTYPE html>
Welcome To Cat World
h1 { color: :#FA8072; text-align:center; } img { color:#FA8072; display: block; margin-: auto; margin-right:auto; width: 40%; }
Dogs
Hewllo Wowrld
Cat memes
#its2018anddogsstillsuck
#GameofThrones
#femmehacks2018
#blessed
#badchoicesmakebetterstories
#supercat
#toocuteforyou
!-- The boring stuff --> <!DOCTYPE html> body { background-color:#FFCCE6; } h1 { font-size:50px; font-family: 'Comic Sans MS', serif; } .city { border-width:5px;<br> border-style:double; border-color:#B4E3E6;</p> <pre class="language-nolang"><code> } .city img { max-height: 300px; max-width:300px; } .nug { border-width:5px; border-style:double; border-color:#E298B5; } .bunny{ border-width:5px; border-style:double; border-color:#AAFAD7; } h2 { font-size:30px; font-family: 'Comic Sans MS', serif; } </style> </head> <body> <h1 style="color:#F1948A;">Cat Got Your Tongue?</h1> <img src=https://steemit-production-imageproxy-upload.s3.amazonaws.com/DQmV1ZYfwjZhszr2VRojbQBbjZ6a1oRRHp3PVukSXxr5UMK style="width:750px;height:100px"> <table class="nug"> <tr> <th><img src=http://allaboutcat.org/wp-content/uploads/2017/09/cat-sticking-tongue-out.jpg></th> <th><img src="http://www.animal-space.net/wp-content/uploads/2011/03/cat-tongue-731.jpg" style="width:313px;height:300px"></th> <th><img src="http://allaboutcat.org/wp-content/uploads/2017/09/cat-sticking-tongue-out-2.jpg" style="width:350px;height:255px"></th> </tr> </code></pre> <p></table> <p><img src="https://orig15.deviantart.net/9878/f/2015/306/4/b/i_m_pretty_fabulous__i_know__by_kawaii_much-d9fapa8.png"> <p><b>If you hate cats...</b> <style> b { font-size:25px; font-family: 'Comic Sans MS', serif; }
You've came to the right page for cute cattos :)
p { font-size:20px; font-family: 'Comic Sans MS', serif; } |
 |
|---|---|
 |
 |
 |
|---|---|
 |
 |
<img src="https://vignette2.wikia.nocookie.net/animal-jam-clans-1/images/2/20/Haven_Page_Divider_2.png/revision/latest?cb=20161008010003"
style="width:962.5px;height:142px">
<h2 style="color:#64B86B;">Stay PAWsitive</h2>
CUTE DOGGOS
<!DOCTYPE html>
body { overflow: auto; margin: 20px 20px 0 0; background-color: #7b7f7c; } h1 { text-align: center } table img { max-height: 300px; max-width: 300px; } table img { border: 5px double #ff8791 } table { float:left; } |
 |
|---|---|
 |
 |
Humans don't deserve dogs, the most precious creatures in the world, but we have them anyway so here are some cute ones to make your day brighter!
The pictures on the grid that you see here are pictures of the dog breed known as the Shiba Inu.
Yes, this is the breed of the very renowned, famous meme Doge. Amazing, isn't it?
This specific Shiba Inu's name is Ryuji. He is an 8-year-old male Shiba Inu that lives in Japan.
If you'd like to check out more from Ryuji, (which of course, why wouldn't you? What's not to love about dogs?) he has an Instagram page that I will link down below for you to check out!
Some more GREAT Shiba Inus to check out are also down below so check it out! You won't regret it!
from flask import Flask, Response, request from twilio import twiml from twilio.twiml.messaging_response import Message, MessagingResponse
app = Flask(name)
@app.route("/") def check_app(): # returns a simple string stating the app is working return Response("It works!"), 200
@app.route("/twilio", methods=["POST"]) def inbound_sms(): # response = twiml.Response() # we get the SMS message from the request. we could also get the # "To" and the "From" phone number as well inbound_message = request.form["Body"] resp = MessagingResponse() # we can now use the incoming message text in our Python application if inbound_message == "memedog": resp.message("https://viviantran210.wixsite.com/doggos") elif inbound_message == "memecat": resp.message("https://kemisade.wixsite.com/catmemes") elif inbound_message == "cutecat": resp.message("https://lisatlam4.wixsite.com/mysite") elif inbound_message == "cutedog": resp.message("https://amynguyen5055.wixsite.com/cutedoggos") elif inbound_message == "memedog ": resp.message("https://viviantran210.wixsite.com/doggos") elif inbound_message == "memecat ": resp.message("https://kemisade.wixsite.com/catmemes") elif inbound_message == "cutecat ": resp.message("https://lisatlam4.wixsite.com/mysite") elif inbound_message == "cutedog ": resp.message("https://amynguyen5055.wixsite.com/cutedoggos") else: resp.message("Please enter one of the choices! Everything needs to be lowercase, and no spaces are included! The choices are: memecat, memedog, cutecat, cutedog.") # we return back the mimetype because Twilio needs an XML response # return Response(str(response), mimetype="application/xml"), 200 return str(resp)
if name == "main": app.run(debug=True)
Log in or sign up for Devpost to join the conversation.