#friendagencies

[xaspiringbeamoflightx]

Starter for @rangerbuzzlightyear​

Tina was doing her rounds of people she had to pester this week to meet her usual quota, and much to her disappointment, Jessie was not home to aid in fulfilling that quota. While they were excellent friends, Tina really had to pick her days with Jessie, to get maximum friendage out of her. When Jessie was too tired, it was twice the work. To her dismay, when Tina arrived at the horse girl’s Jessie’s door, there came no answer. She peered through the letter box, stuck her face up to the window, and even tried calling. The sprite finally gave up on the endeavour when no answer called, turning on her heels.

To Tina’s great joy, however, someone was approaching Jessie’s front steps at the perfect moment. Quota, about to be met! “I didn’t know Jessie had a new mail man,” Tina remarked, knowing fine well that Buzz worked at the precinct, and was not, in fact, a mail man.

[friendcompany]

friend company, global-jobs.com, https://www.global-jobs.com/ #friend #friendship #globalfriendship #friendshipglobal #internationalfriendship #friendshipinternational #friendglobal #globalfriend #internationalfriend #friendinternational #friendclub #friendsclub #friendscompany #friendagency #friendagencies #friendsonline #findfriends #friendsfind #朋友 #公司朋友 #朋友公司 #朋 #友 #全球朋友 #国际朋友

[friendglobal]

friend global, global-jobs.com, https://www.global-jobs.com/ #friend #friends #globalfriend #friendglobal #internationalfriend #friendinternational #friendsglobal #globalfriends #internationalfriends #friendsinternational #friendclub #friendclubs #friendcompany #friendcompanies #friendagency #friendonline #findfriend #friendfind #朋友 #公司朋友 #朋友公司 #朋友全球 #朋友国际 #全球朋友 #国际朋友

[myherowritings]

where can i get a friend like u tho lmao.

i’m a friend like me 🥺🥺 BE MY FRIEND THEN AHDJSJ ,, hand in friendage

[woppy42]

Friend review

After spending two days with cheesy bry IRL:

@the-majestic-cheese-turtle​: Unfiltered ball of sunshine. Imagine a talented, adorable puppy that occasionally says inappropriate things. Makes you feel warm and happy. (also Ambnoot is the 8th wonder of the world)

@mememic-bry​: three ounces of whoop-a$$ that will Fite U if you don’t believe in yourself. Only requires tea to survive, but consumes human food as a courtesy. Hospitably so powerful that after I got back home I found my own bed made, my room cleaned and a chocolate on my pillowcase

Also, they are both able to communicate almost entirely in memes. It is terrifying and wondrous to behold.

In summary: A+, excellent friendage, would recommend.

[ajbray]

Shitty pink wine. The #Leafs are losing. The weather sucks ass. But the friendage is amazing. #thesearemypeople (at Toronto, Ontario)

[unsteady-silence]

They say you should always do what you fear the most.. Well, this definitely feels like it😂 Link in bio to the YouTube channel I finally set up😍 ( And down here if you're lazy💁: https://www.youtube.com/channel/UCqFyk6n4J-ey0UJYM5shFsg ) SUBSCRIBE AND TURN ON NOTIFICATIONS GUYS😌🌸 I plan to be posting longer covers and other exciting things up there real soon❤ Let's see what happens😊 And of course, thank you to my Friendager and motivational coach @tanika_1710☺ Thank you for your belief in me and for supporting me endlessly🙈❤ Videos soon!!😘 #edit #selfie #snapchat #madlovehunter #news #music #singer #songwriter #musician #guitarist #passion #drive #love #support #steps #youtube #channel #hxntrMUSIC #subscribe #turnonnotifications #letsgo

[theghostofmatty]

My friend literally just gave me the self titled vinyl for free cus she didn’t want it like???? Good friendage. + she gave me favourite worst nightmare

[chezledawson]

Saison 3 épisode 9: Four to Tango

Titre sûrement en référence à ce film sorti en 1999:

(film bien nunul mais bon Matthew Perry + Neve Campbell + 1999, qui peut résister?)

Allez, on commence le recap!

Cet épisode commence avec Pacey et Jen, qui essaient encore une fois de tchouin-tchouin dans le cadre de leur projet “baise entre amis sans prise de tête”, mais en fait depuis 3 épisodes il y a eu beaucoup de prises de tête et 0 baise. D’ailleurs ils décident d’arrêter, ne ressentant pas d’alchimie, ou d’étincelle, mais ne serait-ce pas un peu le principe du cul sans l’amour?

Et puis OH MON DIEU on s’aperçoit qu’ils ont choisi de faire ça dans la chambre de Dawson pendant son absence! C’est quand même dégueulasse, même pour Dawson qu’on aime pas trop, sale habitude chez Jen de baiser dans les draps de ses proches.

Evidemment on entend du bruit, la maison devait être vide tout l’après-midi mais il semblerait que non, quelqu’un arrive. Jen a à peine le temps de se tailler par la fenêtre et Pacey de faire semblant d’être venu pour jouer à la console (?) que Dawson débarque avec sa tête habituelle.

Plus tard, cherchant un livre scolaire dans sa piaule, il tombe sur un préservatif.

Il commence alors à être #suspicieux vis à vis de Pacey qu’il avait trouvé un peu chelou tout seul dans sa chambre. Il le surprend justement en pleine conversation avec Joey à propos de quelque chose QUE PERSONNE NE DOIT SAVOIR.

Joey et Pacey lui sortent un bobard sur je ne sais pas vraiment quoi. Mais de quoi parlaient-ils vraiment? Eh bien figurez-vous que Pacey, n’ayant plus Andie pour le pousser vers le haut, a des trop sales notes et qu’il a demandé à Joey de l’aider en maths (...). Joey a accepté à condition qu’il soit son parteraire à un cours de danse auquel elle participe dans le but d’obtenir une bourse scolaire (??). Ils ont donc un #deal et il faut que ça reste secret car la danse cer la teuhon, évidemment.

Au niveau des cours de math, ça se passe moyen-moyen parce que Pacey explique que lors de ses précédentes relations (Tamara Letourneau et Andie) révisions = sexe...

SRSLY PACEY?

Et pour les cours de danse auxquels Joey a demandé à Pacey de l’accompagner je pige pas trop le principe de cette bourse. Ecoutons ce que nous dit Professeur Joer à ce sujet:

Vu qu’il n’y a que des vieux dans leur cours, je ne vois pas avec qui elle est en compétition pour cette bourse? Qu’est-ce? Que?

Bon, en plus, niveau “best exemplifies the spirit of ballroom dancing” c’est malbar car Joey et Pacey dansent comme des pieds vu qu’ils n’osent pas se toucher ailleurs que sur les coudes. Mais il se passe ceci et c’est mignon:

Evidemment dès le 2e cours, ils se font capter vu que la salle de danse a l’air de se trouver PILE EN FACE du vidéoclub où bosse Dawson, et qu’il y a aussi là Jen qui était venue l’aider.

Dawson qui se faisait déjà des films, est persuadé qu’il y a un lien entre la capote qu’il a trouvé dans sa chambre, Pacey, qu’il a trouvé aussi dans sa chambre, et Joey, dont l’attitude a l’air bizarre. Il confie ses inquiétudes a Jen qui se garde bien de lui expliquer que la capote et Pacey dans sa chambre n’ont rien à voir avec Joey. Ils décident de les suivre (c’est pas comme si Dawson était en train de bosser au vidéoclub) et ils sont tellement discrets qu’ils se font recruter par la prof. La prof a d’ailleurs une théorie comme quoi plus un couple danse mal, plus ils ont envie de se chouquer la nouille, ce qui ne fait qu’attiser les #soupçons de Dawson vu comment Joey et Pacey dansent ensemble.

S’en suit une danse où l’on doit changer de partenaire et où tout ce petit monde se lance des piques et s’engueule avec des longues phrases: Dawson est persuadé que Pacey fait du sexe avec Joey, Jen brouille les pistes car elle ne veut pas que son arrangement de sex friend avec Pacey soit découvert, Dawson a l’air de plus en plus jaloux alors que même si Joey couchait avec quelqu’un, ça fait 19 épisodes qu’il dit qu’il est over her. 

Dawson STP.

Pacey finit par se barrer en mode RAGEQUIT, récupère son manteau au vestiaire mais Jen le rattrape et c’est pile à ce moment-là qu’ils sentent un peu de pysique-chimie entre eux et décident de se lécher la poire sur place. Evidemment ils se font pesquer par Joey et Dawson qui débaroulent 44 secondes plus tard, toujours super discrets. 

Dawson est soulagé que sa petite Joey chérie ne soit pas liée à un préservatif du diable, et retourne chez sa mère, mais Joey a l’air tellement deg que tout le monde comprend qu’il y a baleine sous gravillon, ELLE EST JALOUSE!!

Et vas-y qu’elle nous fait son discours de mère la douleur que c’est ignoble d’avoir un sex friends alors qu’elle n’est que noblesse des sentiments et gnignigni. 

Car pour rajouter au #drama, Jen découvre que Pacey, à la recherche de bons conseils, avait raconté à Joey qu’il avait un sex-friend agreement avec quelqu’un, sans la mentionner. 

Evidemment, vu la situation et la réaction de Joey, on comprend que Joey a fait le lien, et Jen est très triste de cela, ça me rend triste aussi. 

On retombe dans le thème préféré des scénaristes: Jen la méchante qui veut faire du sexe vs Joey la gentille vierge qui attend que tous les garçons de Capeside soient amoureux d’elle à tour de rôle, ça SAOULE!

Andie et Jack sont aussi présents dans l’épisode (contrairement à Henry) (on dirait que dès qu’il y a Jack dans un épisode il n’y a pas Henry et inversement) (EST-CE QUE CE SONT-CE LES MEMES PERSONNES??). Cette partie de l’épisode m’a fait marrer car elle nous ramène à l’internet de 1999 et même pire à l’internet de 1999 vu par les scénaristes, c’est à dire complètement à l’ouest. 

Jack, suite à la diffusion du documentaire de Dawson sur sa vie de joueur de foot gay a reçu des tonnes d’emails... qu’il montre à Andie... car il les a bien sûr tous imprimés, et il se balade avec. 

Jack serait-il notre collègue universel qui imprime tous ses emails? Qui a eu l’idée de cette scène? Dénoncez-vous.

Dans le lot d’email, il y en a bien sûr des pas sympas et des insultes, mais il y en a aussi un qui a l’air cool, qui vient d’un mec qui dit être aussi passé par là. Andie conseille à Jack de le contacter:

Est-ce que Ben Street sonne comme un vrai nom ou un pseudo? Difficile à dire, encore une fois, pas sûre que les scénaristes le sachent. Un peu plus tard, alors que Jack et Andie sont en cours dans la salle informatique, une fenêtre s’ouvre inopinémeng sur l’ordinateur de Jack:

COMMENT CELA EST-CE T’IL POSSIBLE? QU’EST CE QUE CETTE MESSAGERIE? Est-ce que c’est une messagerie interne au lycée et Ben Street est aussi élève à Capeside? Est-ce que c’est un genre de msn, du coup comment Ben Street aurait ajouté Jack sans qu’il le sache? COMMENT?

SCENARISTES EXPLIQUEZ VOUS!

Jack, d’abord effrayé, se décide à discuter avec lui, et le courant passe plutôt bien. Quelques jours plus tard, Ben lui envoie une photo de lui, et encore une fois, personne n’a l’air de savoir comment charge une photo sur les internets de 1999:

NON! JAMAIS!

(si vous êtes un sale jeune et que vous n’avez jamais connu cette époque, je vous conseille ce site qui simule le chargement d’images sous modem 56k, on s’y croirait! http://computernewb.com/56k-image-loader/ )

Bref, la photo doit être pas mal, car Jack et Benoit La Rue se donnent rendez-vous pour boire un verre, mais au dernier moment, Jack se débine, il n’ose pas y aller, il n’est pas encore prêt à rencontrer un mec.

Voilà c’est la fin de l’épisode, je crois qu’on en a fini avec la tentative de sex-friendage entre Jen et Pacey, mais on attaque doucement le mouvement Joey/Pacey (ça va être long et douloureux avant d’en arriver au moment que nous attendons tous: Dawson qui chouine devenu un meme).

[mk-otro]

How does my weird self befriend you

Weird seems to be a constant, haha. Doesn’t take much, really! I figure talking here and there about anything is a good building block in that direction? Like...that’s how it works, right? I don’t remember. Also, friending my tumblort isn’t necessary for friendage.

Thing is, I realize I’m not really much of a talker/socializer half of the time, but that’s like a small tidbit for future reference. I’m okay with getting messages and I’ll try responding to things whenever I can! 

^ Kinda like that, except pretend that’s a keyboard. :|b So yeah!

[iragin]

the wreckage is mine friendage.

@cutemoniic I DON'T WANNA BE IN THE TRASH CAN, I WANNA BE ON IT.

[fmslife]

via Billboard

[espieviolet99]

Hello Tumblrdoos

So, I've been a but quiet these past few days, I've been mostly focusing on pokemon if I'm honest, but at some point, I fully intend to start playing fable 2 again and starting to write my fic.

I'm going to have my character be some form of sibling to Rose and Sparrow, like my little drabbles before, but am so writing an Reaver fic. It'll most likely be evenings, because where the weekend is coming up, and I am doing much pokemons, I will be doing a lot of walking in the day. Get those eggs hatching, catching some pokemon dudes and doing them raids bruh.

Off any of you play pokemon, please let me know, and I shall let you know my trainer code for the friendage.

[plounce]

i will reinstate our friendage simply because i am amused that that crying fai seems to be a crop from a post i did with screenshots of my outo fai file names

NO DONT REBLOG THE FAI EAT MY GAY ASS LOL PIC I DIDNT MAKE IT!!!!!!!!!!!!!!!! ITS ROBS! IF YOU REBLOGGED IT OR EVEN SAW IT YOU MUST FOLLOW @flovvright UNDER STRICT ORDERS BY ME!!!!!!!!!!!!!!!!!!!!

[mbaljeetsingh]

Building Three Common Form Interfaces in Vue.js

Today I wanted to share three simple (mostly simple) Vue.js samples that demonstrate some common form UX patterns. In each case, I fully expect that there are probably existing Vue components I could have used instead, but as always, I'm a firm believer in building stuff yourself as a way to practice what you learn. So with that in mind, let's get started!

Duplicating Fields

For the first demo, I'll show an example of a form that lets you "duplicate" a set of fields to enter additional data. That may not make much sense, so let's start with the demo first so you can see what I mean:

See the Pen Form - Duplicate Row by Raymond Camden (@cfjedimaster) on CodePen.

The form consists of two parts. On top is a set of basic, static fields. On bottom is a place where you can enter information about your friends. Since we don't know how many friends you may have, a field is used to add additional rows. Let's look at the markup for this.

<form id="app"> <fieldset> <legend>Basic Info</legend> <p> <label for="name">Name</label> <input id="name" v-model="name"> </p> <p> <label for="age">Age</label> <input id="age" v-model="age" type="number"> </p> </fieldset> <fieldset> <legend>Friends</legend> <div v-for="(f,n) in friends"> <label :for="'friend'+n">Friend </label> <input :id="'friend'+n" v-model="friends[n].name"> <label :for="'friendage'+n">Friend Age</label> <input :id="'friendage'+n" v-model="friends[n].age" type="number"> </div> <p> <button @click.prevent="newFriend">Add Friend</button> </p> </fieldset> <p>Debug: </p> </form>

The top portion is vanilla Vue binding. The bottom part is where the interesting bits are. First, I iterate over a list of friends. This is what "grows" when the button is clicked. Note the use of (f,n). This gives me access to each friend as well as a counter. It's a zero based number so when I render it, I add one to it. Also note how I properly use my label with a dynamic ID value: :id="'friend'+n". That was a bit weird to write at first, but it works well.

The JavaScript is pretty simple:

const app = new Vue({ el:'#app', data:{ name:null, age:null, friends:[{name:'',age:''}] }, methods:{ newFriend() { //New friends are awesome! this.friends.push({name:'', age:''}); } } })

The only real interesting part here is defaulting friends with the first set of values so I get at least Friend 1 in the UI.

Shipping Same as Billing

The next UX I wanted to build was something you typically see in order checkouts, "Shipping Same as Billing" (or vice-versa). Basically, letting the user skip entering the same address twice. Here is the finished demo:

See the Pen Shipping same as Billing in Vue.js by Raymond Camden (@cfjedimaster) on CodePen.

I thought this would be simple, and I suppose it was, but I wasn't necessarily sure how it should react once the checkbox was checked. What I mean is, if you say shipping is the same, should we always update? By that I mean, if you change the billing street, do we update the shipping street again? But what if you modified the shipping street? Should we disable shipping if you use the checkbox? But what if you wanted to use this feature to set most of the fields and then tweak one? Yeah, it gets messy. I decided to KISS and just do a copy (if you are checking it) and then don't worry about it. I'm sure there's an argument to be made that I'm totally wrong. Here's the markup:

<form id="app"> <fieldset> <legend>Billing Address</legend> <p> <label for="bstreet">Street</label> <input id="bstreet" v-model="billing_address.street"> </p> <p> <label for="bcity">City</label> <input id="bcity" v-model="billing_address.city"> </p> <p> <label for="bstate">State</label> <select id="bstate" v-model="billing_address.state"> <option value="ca">California</option> <option value="la">Louisiana</option> <option value="va">Virginia</option> </select> </p> <p> <label for="bzip">Zip</label> <input id="bzip" v-model="billing_address.zip"> </p> </fieldset> <fieldset> <legend>Shipping Address</legend> <input type="checkbox" @change="copyBilling" id="sSame" v-model="sSame"> <label for="sSame" class="sSame">Shipping Same as Billing</label><br/> <p> <label for="sstreet">Street</label> <input id="sstreet" v-model="shipping_address.street"> </p> <p> <label for="scity">City</label> <input id="scity" v-model="shipping_address.city"> </p> <p> <label for="sstate">State</label> <select id="sstate" v-model="shipping_address.state"> <option value="ca">California</option> <option value="la">Louisiana</option> <option value="va">Virginia</option> </select> </p> <p> <label for="szip">Zip</label> <input id="szip" v-model="shipping_address.zip"> </p> </fieldset> <!-- debug --> <p> sSame <br/> Billing <br/> Shipping </p> </form>

And here's the JavaScript:

const app = new Vue({ el:'#app', data:{ sSame:false, billing_address:{ street:null, city:null, state:null, zip:null }, shipping_address:{ street:null, city:null, state:null, zip:null } }, methods:{ copyBilling() { if(this.sSame) { for(let key in this.billing_address) { this.shipping_address[key] = this.billing_address[key]; } } } } })

The interesting bit is in copyBilling. I apologize for the sSame name - it kind of sucks.

Move Left to Right

For the final demo, I built a "thing" where you have items on the left and items on the right and you click to move them back and forth. There's probably a better name for this and if you have it, leave a comment below. Here is the demo.

See the Pen Move Left to Right by Raymond Camden (@cfjedimaster) on CodePen.

What was tricky about this one is that the select fields used to store data only require you to select items when you want to move them. So I needed to keep track of all the items in each box, as well as when you selected. Here's the markup.

<form id="app"> <div class="grid"> <div class="left"> <select v-model="left" multiple size=10> <option v-for="item in leftItems" :key="item.id" :value="item"></option> </select> </div> <div class="middle"> <button @click.prevent="moveLeft"><-</button> <button @click.prevent="moveRight">-></button> </div> <div class="right"> <select v-model="right" multiple size=10> <option v-for="item in rightItems" :key="item.id" :value="item"></option> </select> </div> </div> <!-- debug --> <p> leftItems: <br/> left: <br/> rightItems: <br/> right: </p> </form>

And here's the JavaScript. This time it's a bit more complex.

const app = new Vue({ el:'#app', data:{ left:[], right:[], leftItems:[], rightItems:[], items:[ {id:1,name:"Fred"}, {id:2,name:"Ginger"}, {id:3,name:"Zeus"}, {id:4,name:"Thunder"}, {id:5,name:"Midnight"} ] }, created() { this.leftItems = this.items; }, methods:{ moveRight() { if(this.left.length === 0) return; console.log('move right'); //copy all of this.left to this.rightItems //then set this.left to [] for(let x=this.leftItems.length-1;x>=0;x--) { let exists = this.left.findIndex(ob => { return (ob.id === this.leftItems[x].id); }); if(exists >= 0) { this.rightItems.push(this.leftItems[x]); this.leftItems.splice(x,1); } } }, moveLeft() { if(this.right.length === 0) return; console.log('move left'); for(let x=this.rightItems.length-1;x>=0;x--) { let exists = this.right.findIndex(ob => { return (ob.id === this.rightItems[x].id); }); if(exists >= 0) { this.leftItems.push(this.rightItems[x]); this.rightItems.splice(x,1); } } } } })

Basically on button click, I look at all the items, and for each, see if it exists in the list of selected items, and if so, it gets shifted eithe rleft or right. I feel like this could be a bit slimmer (I will remind folks once again that I'm a proud failed Google interviewee) but it worked. Remember you can fork my CodePens so I'd love to see a slicker version of this.

So - what do you think? Leave me a comment below with your suggestions, modifications, or bug fixes!

Header photo by rawpixel.com on Unsplash

via Raymond Camden on Raymond Camden https://ift.tt/2uFQBGC