#importantnumber

[ipeesinghh]

We Consult In

-Business Numerology

-Marriage Numerology

-Career Numerology

-Relationship Numerology

.

.

For more info, ring us at 95175-73666| 76316-53955

[codehunter]

Recreating flask api call in Android with Retrofit

I have a flask app and api on a server that works with the following url sent from the terminal

curl -i -H "Content-type: application/json" -X GET http://myapp.com/890/14000/10000/007 -d '{"id":"3240f056c8f5fb"}'

I am trying to recreate this using retrofit on Android. I am using version 1.7 as this works with some legacy code not shown here. Here is the relevant part of the application class

DavesApi buildDavesApi() { Gson gson = new GsonBuilder() .setFieldNamingPolicy(FieldNamingPolicy.LOWER_CASE_WITH_UNDERSCORES) .create(); return new RestAdapter.Builder() .setLogLevel(RestAdapter.LogLevel.FULL) // change this to FULL to see full JSON response .setEndpoint(DAVESENDPOINT) .setConverter(new GsonConverter(gson)) .setRequestInterceptor(new RequestInterceptor() { @Override public void intercept(RequestFacade request) { request.addHeader("Content-type", "application/json"); } }) .build() .create(DavesApi.class); }

and the api class

public interface DavesApi { @Headers("\{\"id\"\:\"3240f056c8f5fb\"\}") @GET("/{importantnumber}/14000/10000/007") void getThumbnail(@Path("importantnumber") Integer id, Callback<DavesActivity> activity);}

I am only getting generic errors at this point such as

D/Retrofit: ---> HTTP GET http://myurl.com/420059/14000/10000/007 D/Retrofit: '{"id": "3240f056c8f5fb"}' D/Retrofit: Content-Type: application/json D/Retrofit: ---> END HTTP (no body) D/Retrofit: <--- HTTP 400 http://myurl.com/420059/14000/10000/007 (2653ms) D/Retrofit: : HTTP/1.1 400 BAD REQUEST D/Retrofit: Connection: keep-alive D/Retrofit: Content-Length: 95 D/Retrofit: Content-Type: application/json D/Retrofit: Date: Sun, 29 Nov 2015 23:08:45 GMT D/Retrofit: Server: ngx_openresty/1.4.3.6 D/Retrofit: X-Android-Received-Millis: 1448838524561 D/Retrofit: X-Android-Response-Source: NETWORK 400 D/Retrofit: X-Android-Sent-Millis: 1448838523377 D/Retrofit: {"description": "The browser (or proxy) sent a request that this server could not understand."} D/Retrofit: <--- END HTTP (95-byte body) E/activity_fragment: retrofit.RetrofitError: 400 BAD REQUEST

This is my first flask app and I am not entirely sure how to debug so any help here is also appreciated.

I also dont have access to server logs

Update

In order to try and track down the problem I edited the code on the server. If I simply return a string in the api then retrofit receives a response. If I try and return any data sent in the headers from retrofit I get an empty response whereas the curl request will get the appropriate response. I have tried this with response.data as well as response.json to ensure that its not just a json encoding issue. However, when doing this I need to remove the "Content-type", "application/json" header in order to not get the 400 posted earlier.

new log when returning response.data

D/Retrofit: ---> HTTP GET http://myurl.com/420059/14000/10000/007 D/Retrofit: test: header D/Retrofit: ---> END HTTP (no body) D/Retrofit: <--- HTTP 200 http://myurl.com/420059/14000/10000/007 (316ms) D/Retrofit: : HTTP/1.1 200 OK D/Retrofit: Connection: keep-alive D/Retrofit: Content-Length: 0 D/Retrofit: Content-Type: text/html; charset=utf-8 D/Retrofit: Date: Mon, 30 Nov 2015 20:34:54 GMT D/Retrofit: Server: ngx_openresty/1.4.3.6 D/Retrofit: X-Android-Received-Millis: 1448915692589 D/Retrofit: X-Android-Response-Source: NETWORK 200 D/Retrofit: X-Android-Sent-Millis: 1448915692449 D/Retrofit: X-Clacks-Overhead: GNU Terry Pratchett D/Retrofit: <--- END HTTP (0-byte body) // empty body :(

https://codehunter.cc/a/flask/recreating-flask-api-call-in-android-with-retrofit

[damnairfresh]

Important numbers and information to share, 3 Sprouts stores open! #damnairfreshener #sprouts #importantnumbers #fema #rescue #coastguard #allgasnobrakes⛽️🔥😎 #call211forhelp #call311forcityinfo #911emergency #safecheckin #prayforhoustontx #prayforlouisiana #houstonstrong

[suzanneshannon]

A Complete Guide to calc() in CSS

CSS has a special calc() function for doing basic math. Here's an example:

.main-content { /* Subtract 80px from 100vh */ height: calc(100vh - 80px); }

In this guide, let's cover just about everything there is to know about this very useful function.

calc() is for values

The only place you can use the calc() function is in values. See these examples where we're setting the value for a number of different properties.

.el { font-size: calc(3vw + 2px); width: calc(100% - 20px); height: calc(100vh - 20px); padding: calc(1vw + 5px); }

It could be used for only part of a property too, for example:

.el { margin: 10px calc(2vw + 5px); border-radius: 15px calc(15px / 3) 4px 2px; transition: transform calc(1s - 120ms); }

It can even be a part of another function that forms a part of a property! For example, here's calc() used within the color stops of a gradient

.el { background: #1E88E5 linear-gradient( to bottom, #1E88E5, #1E88E5 calc(50% - 10px), #3949AB calc(50% + 10px), #3949AB ); }

calc() is for lengths

Notice all the examples above are essentially numbers-based. We'll get to some of the caveats of how the numbers can be used (because sometimes you don't need a unit), but this is for number math, not strings or anything like that.

.el { /* Nope! */ counter-reset: calc("My " + "counter"); } .el::before { /* Nope! */ content: calc("Candyman " * 3); }

There are many lengths of CSS though, and they can all be used with calc():

px

%

em

rem

in

mm

cm

pt

pc

ex

ch

vh

vw

vmin

vmax

You can also not perform any calculation and it is still valid:

.el { /* Little weird but OK */ width: calc(20px); }

Nope on media queries

When calc() is used correctly (length units used as a value to a property), it sadly calc() won't work when applied to media queries.

@media (max-width: 40rem) { /* Narrower or exactly 40rem */ } /* Nope! */ @media (min-width: calc(40rem + 1px)) { /* Wider than 40rem */ }

It would be cool someday because you could do mutually exclusive media queries in a fairly logical way (like above).

Mixing units 🎉

This is perhaps the most valuable feature of calc()! Almost every example above has already done this, but just to put a point on it, here it is mixing different units:

/* Percentage units being mixed with pixel units */ width: calc(100% - 20px);

That's saying: As wide as the element is, minus 20 pixels.

There is literally no way to pre-calculate that value in pixels alone in a fluid width situation. In other words, you can't preprocess calc() with something like Sass as an attempted complete a polyfill. Not that you need to, as the browser support is fine. But the point is that it has to be done in the browser (at "runtime") when you mix units in this way, which is most of the value of calc().

Here's some other examples of mixing units:

transform: rotate(calc(1turn + 45deg)); animation-delay: calc(1s + 15ms);

Those probably could be preprocessed as they mix units that aren't relative to anything that is determined at runtime.

Comparison to preprocessor math

We just covered that you can't preprocess the most useful things that calc() can do. But there is a smidge of overlap. For example, Sass has math built into it, so you can do things like:

$padding: 1rem; .el[data-padding="extra"] { padding: $padding + 2rem; // processes to 3rem; margin-bottom: $padding * 2; // processes to 2rem; }

Even math with units is working there, adding same-unit values together or multiplying by unitless numbers. But you can't mix units and it has similar limitations to calc() (e.g. like multiplying and dividing must be with unit-less numbers).

Show the math

Even you aren't using a feature that is uniquely possible only with calc(), it can be used to "show your work" inside CSS. For example, say you need to calculate exactly 1⁄7th the width of an element...

.el { /* This is easier to understand */ width: calc(100% / 7); /* Than this is */ width: 14.2857142857%; }

That might pan out in some kind of self-created CSS API like:

[data-columns="7"] .col { width: calc(100% / 7); } [data-columns="6"] .col { width: calc(100% / 6); } [data-columns="5"] .col { width: calc(100% / 5); } [data-columns="4"] .col { width: calc(100% / 4); } [data-columns="3"] .col { width: calc(100% / 3); } [data-columns="2"] .col { width: calc(100% / 2); }

The Math operators of calc()

You've got +, -, *, and /. But they differ in how you are required to use them.

Addition (+) and subtraction (-) require both numbers to be lengths

.el { /* Valid 👍 */ margin: calc(10px + 10px); /* Invalid 👎 */ margin: calc(10px + 5); }

Invalid values invalidate the whole individual declaration.

Division (/) requires the second number to be unitless

.el { /* Valid 👍 */ margin: calc(30px / 3); /* Invalid 👎 */ margin: calc(30px / 10px); /* Invalid 👎 (can't divide by 0) */ margin: calc(30px / 0); }

Multiplication (*) requires one of the numbers to be unitless

.el { /* Valid 👍 */ margin: calc(10px * 3); /* Valid 👍 */ margin: calc(3 * 10px); /* Invalid 👎 */ margin: calc(30px * 3px); }

Whitespace matters

Well, it does for addition and subtraction.

.el { /* Valid 👍 */ font-size: calc(3vw + 2px); /* Invalid 👎 */ font-size: calc(3vw+2px); /* Valid 👍 */ font-size: calc(3vw - 2px); /* Invalid 👎 */ font-size: calc(3vw-2px); }

I imagine it has to do with negative numbers somehow, as using negative numbers (e.g. calc(5vw - -5px)) is OK. I suppose that makes something like calc(5vw--5px) weird, especially in how custom properties use double-dashes (e.g. var(--padding)).

Multiplication and division do not need the whitespace around the operators. But I'd think good general advice is to include the space for readability and muscle memory for the other operators.

Whitespace around the outsides doesn't matter. You can even do line breaks if you'd like:

.el { /* Valid 👍 */ width: calc( 100% / 3 ); }

Careful about this, though: no spaces between calc() and the opening paren.

.el { /* Invalid 👎 */ width: calc (100% / 3); }

Nesting calc(calc());

You can but it's never necessary. It's the same as using an extra set of parentheses without the calc() part. For example:

.el { width: calc( calc(100% / 3) - calc(1rem * 2) ); }

You don't need those inside calc() because the parens work alone:

.el { width: calc( (100% / 3) - (1rem * 2) ); }

And in this case, the "order of operations" helps us even without the parentheses. That is, division and multiplication happen first (before addition and subtraction), so the parentheses aren't needed at all. It could be written like this:

.el { width: calc(100% / 3 - 1rem * 2); }

But feel free to use the parens if you feel like it adds clarity. If the order of operations doesn't work in your favor (e.g. you really need to do the addition or subtraction first), you'll need parens.

.el { /* This */ width: calc(100% + 2rem / 2); /* Is very different from this */ width: calc((100% + 2rem) / 2); }

CSS custom properties and calc() 🎉

Other than the amazing ability of calc() to mix units, the next most awesome thing about calc() is using it with custom properties. Custom properties can have values that you then use in a calculation:

html { --spacing: 10px; } .module { padding: calc(var(--spacing) * 2); }

I'm sure you can imagine a CSS setup where a ton of configuration happens at the top by setting a bunch of CSS custom properties and then letting the rest of the CSS use them as needed.

Custom properties can also reference each other. Here's an example where some math is used (note the lack of a calc() function at first) and then later applied. (It ultimately has to be inside of a calc().)

html { --spacing: 10px; --spacing-L: var(--spacing) * 2; --spacing-XL: var(--spacing) * 3; } .module[data-spacing="XL"] { padding: calc(var(--spacing-XL)); }

Custom properties can come from the HTML, which is a pretty darn cool and useful thing sometimes. (See how Splitting.js adds indexes to words/characters as an example.)

<div style="--index: 1;"> ... </div> <div style="--index: 2;"> ... </div> <div style="--index: 3;"> ... </div>

div { /* Index value comes from the HTML (with a fallback) */ animation-delay: calc(var(--index, 1) * 0.2s); }

Adding units later

In case you're in a situation where it's easier to store numbers without units, or do math with unit-less numbers ahead of time, you can always wait until you apply the number to add the unit by multiplying by 1 and the unit.

html { --importantNumber: 2; } .el { /* Number stays 2, but it has a unit now */ padding: calc(var(--importantNumber) * 1rem); }

Messing with colors

Color format like RGB and HSL have numbers you can mess with using calc(). For example, setting some base HSL values and then altering them forming a system of your own creation (example):

html { --H: 100; --S: 100%; --L: 50%; } .el { background: hsl( calc(var(--H) + 20), calc(var(--S) - 10%), calc(var(--L) + 30%) ) }

You can't combine calc() and attr()

The attr() function in CSS looks appealing, like you can yank attribute values out of HTML and use them. But...

<div data-color="red">...</div>

div { /* Nope */ color: attr(data-color); }

Unfortunately, there are no "types" in play here, so the only thing attr() is for are strings in conjunction with the content property. That means this works:

div::before { content: attr(data-color); }

I mention this, because it might be tempting to try to pull a number in that way to use in a calculation, like:

<div class="grid" data-columns="7" data-gap="2">...</div>

.grid { display: grid; /* Neither of these work */ grid-template-columns: repeat(attr(data-columns), 1fr); grid-gap: calc(1rem * attr(data-gap)); }

Fortunately, it doesn't matter much because custom properties in the HTML are just as useful or more!

<div class="grid" style="--columns: 7; --gap: 2rem;">...</div>

.grid { display: grid; /* Yep! */ grid-template-columns: repeat(var(--columns), 1fr); grid-gap: calc(var(--gap)); }

Browser tooling

Browser DevTools will tend you show you the calc() as you authored it in the stylesheet.

Firefox DevTools - Rules

If you need to figure out the computed value, there is a Computed tab (in all browser DevTools, at least that I know about) that will show it to you.

Chrome DevTools - Computed

Browser support

This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.

Desktop

ChromeFirefoxIEEdgeSafari19*4*11126*

Mobile / Tablet

Android ChromeAndroid FirefoxAndroidiOS Safari8068806.0-6.1*

If you really needed to support super far back (e.g. IE 8 or Firefox 3.6), the usual trick is to add another property or value before the one that uses calc():

.el { width: 92%; /* Fallback */ width: calc(100% - 2rem); }

There are quite a few known issues for calc() as well, but they are all for old browsers. Can I use... lists 13 of them, here's a handful:

Firefox <59 does not support calc() on color functions. Example: color: hsl(calc(60 * 2), 100%, 50%).

IE 9 - 11 will not render the box-shadow property when calc() is used for any of the values.

Neither IE 9 - 11 nor Edge support width: calc() on table cells.

Use-case party

I asked some CSS developers when they last used calc() so we could have a nice taste here for for how others use it in their day-to-day work.

I used it to create a full-bleed utility class: .full-bleed { width: 100vw; margin-left: calc(50% - 50vw); } I'd say calc() is in my top 3 CSS things.

I used it to make space for a sticky footer.

I used it to set some fluid type / dynamic typography... a calculated font-size based on minimums, maxiums, and a rate of change from viewport units. Not just the font-size, but line-height too.

If you're using calc() as part of a fluid type situation that involves viewport units and such, make sure that you include a unit that uses rem or em so that the user still has some control over bumping that font up or down by zooming in or out as they need to.

One I really like is having a "content width" custom property and then using that to create the spacing that I need, like margins: .margin { width: calc( (100vw - var(--content-width)) / 2); }

I used it to create a cross-browser drop-cap component. Here's a part of it: .drop-cap { --drop-cap-lines: 3; font-size: calc(1em * var(--drop-cap-lines) * var(--body-line-height)); }

I used it to make some images overflow their container on an article page.

I used it to place a visualization correctly on the page by combining it with padding and vw/vh units.

I use it to overcome limitations in background-position, but expecially limitations in positioning color stops in gradients. Like "stop 0.75em short of the bottom".

Other Trickery

A two-up grid that breaks into a single column with no media query

An aspect-ratio-ish hero component

Enforcing high-contrast colors

Help with the coordinates of a percentage-based clip-path

The post A Complete Guide to calc() in CSS appeared first on CSS-Tricks.

A Complete Guide to calc() in CSS published first on https://deskbysnafu.tumblr.com/

[ipeesinghh]

Which Tarot Card Are You? Get In Touch To Know!

🌟 Ever wondered, Which Tarot Card Are You? Dive into this captivating reel and unravel your mystical connection.

.

. For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Your number have Hidden Luck

Dive into the magic of numbers! Your hidden luck is waiting to be discovered. Let's unlock it together! 

. . For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

ਹਮ ਨਹੀ ਚੰਗੇ ਬੁਰਾ ਨਹੀ ਕੋਇ ॥ I am not good; no one is bad.

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Worried About Your Child's Future

Speak with a Numerology Expert to Find Out More About the future.

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

ਵਾਹਿਗੁਰੂ ਸਤਿਗੁਰਿ ਤੁਮਰੇ ਕਾਜ ਸਵਾਰੇ ॥ The True Guru has arranged your affairs. .

. For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Know the power of Numbers for Lifestyle improvement

Numbers can be your best friends in the journey to a better lifestyle! 🌈 Dive into the world of possibilities with this video. 🚀✨

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

ਮਨ ਤੂੰ ਜੋਤਿ ਸਰੂਪੁ ਹੈ ਹੈ ਆਪਣਾ ਮੂਲੁ ਪਛਾਣੁ ॥ ਹੇ ਮੇਰੇ ਮਨ! ਤੂੰ ਉਸ ਪਰਮਾਤਮਾ ਦੀ ਅੰਸ ਹੈਂ, ਜੋ ਨਿਰਾ ਨੂਰ ਹੀ ਨੂਰ ਹੈ, (ਹੇ ਮਨ!) ਆਪਣੇ ਉਸ ਅਸਲੇ ਨਾਲ ਸਾਂਝ ਬਣਾ O my mind, you are the embodiment of the Divine Light -recognize your own origin. . . For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Using Numerology, pick the name that best describes your child.

🌈✨ Ever wondered about the power of numerology in choosing your child's name? This reel unveils the magic!

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Resolve Post-Marriage Woes with Numerology Wisdom.

"Numerology's secret to post-marriage happiness revealed! 🌟💑 Let's break free from woes and dance into joy! 💃 Ready to change your life?

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

ਮਨਿ ਜੀਤੈ ਜਗੁ ਜੀਤੁ ॥

Conquer the mind, conquer the world.

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

Consult Numero IPE Siinghh (Numerology Expert ) for Your Business or job

🔮✨ Dive into the magic of numerology for your business or job! 🚀 Ready to transform your destiny?

.

.

For more info, ring us at 95175-73666| 76316-53955

[ipeesinghh]

ਕੁਚਿਲ ਕਠੋਰ ਕਪਟ ਕਾਮੀ॥ ਜਿਉ ਜਾਨਹਿ ਤਿਉ ਤਾਰਿ ਸੁਆਮੀ॥

ਹੇ ਸੁਆਮੀ! ਅਸੀਂ ਮਲੀਣ, ਪੱਥਰ-ਦਿਲ, ਧੋਖੇਬਾਜ਼ ਅਤੇ ਵਿਸ਼ਈ ਹਾਂ। ਜਿਸ ਤਰ੍ਹਾਂ ਤੂੰ ਮੁਨਾਸਬ ਸਮਝਦਾ ਹੈਂ, ਉਸੇ ਤਰ੍ਹਾਂ ਸਾਨੂੰ ਪਾਰ ਲੰਘਾ

I am filthy, hard-hearted, deceitful and obsessed with sexual desire. Please carry me across, as You wish, O my Lord and Master.

.

.

For more info, ring us at 95175-73666| 76316-53955