Daily Verses API

Add Our Manna’s Bible verses to your website or app. Get the daily new verse or a new verse every time the user refreshes the page. Display it easily with the javascript widget or by other methods for your app.


JavaScript Widget

Simply copy and paste the following code to your site where you want Verse of the Day to be displayed.

<div id="ourmanna-verse">Loading...</div>
<script src="http://www.ourmanna.com/verses/api/js/" type="text/javascript"></script>

To get a new verse every time the user refreshes the page, use the following code. (It just has the string ?order=random in the end on the javascript URL.)

<div id="ourmanna-verse">Loading...</div>
<script src="http://www.ourmanna.com/verses/api/js/" type="text/javascript"></script>

Styling using CSS

Here is an example of the code that will be added to your site automatically by the javascript widget inside #ourmanna-verse.

<div id="ourmanna-verse">
	<div id="mannaverse-container">
		<p id="mannaverse">
			For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life.
		</p>
		<p id="mannaverse-reference">
			John 3:16
			<small id="mannaverse-version"><i>(NIV)</i></small>
		</p>
	</div>
</div>

You can easily customize the display of the verse using CSS. The following is an example of what you can do.

#ourmanna-verse {
    padding: 10px;
    margin:10px;

    background: rgba(0, 0, 0, 0.3);
    border-color: rgba(0, 0, 0, 0.3);

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mannaverse {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

#mannaverse-reference:before {
    content: "- ";
}
#mannaverse-reference {
    text-align: right;
    font-size: 12px;
}

#mannaverse-version {
    color: #ddd;
}

Preview

Loading...

Other formats

You can use Verse of the day on your app using the following callback types to get the verse.

Append &order=random to any of the URLs to get a random verse each time. Example:

http://www.ourmanna.com/verses/api/get?format=text&order=random

Are you a developer? Help improve this documentation or the code. Get in touch →