DEV Community

Elizângela Bezerra da Silva
Elizângela Bezerra da Silva

Posted on

How to use UCRP?

Warning: This programming language is still under development.

UCRP is a declarative and interpreted programming language developed in CodePen and published in a GitHub repository.

How to use it?

UCRP means Usual Contact Request Permission, Designed to generate a request contact permission

Tags

|; tags
|;sourceit → Hide and no include a content visually and only show on source
|;showit → Show and include a content visually on source and visual
|;atc → "Acess to Contact" serves to say what you have to do to contact someone on app
|;braveit → bold the text
|;colors → generates a color using predefined codes
|;powering → Powered by UCRP Code Script
|;warning → to advise
|;footer → used as a footnote/footer
</> tags

→ you cannot edit it
→ delete this content
→ padding + border-radius
→ yes-(type) no-(type) maybe-(type) idk-(type) prefer-no-answer-(type)

Predefined Codes

HTMLit > Generates an HTML Block

JavaScriptIt > Generates an JS Block

NestedBlockquotes+1 > Generates and Blockquote

Okay, but now how do I write UCRP code?

First, you need to understand how a UCRP code works, for example:

/UCRP.code\
<header1>Content<1header>
|;sourceit: n=dwkjfkjfndkjv sourceit;|
|;showit: {{SITENAME}} is requesting your permission to allow contacts showit;|
<layouts>yes-Of Course no-Nope, I dont Want maybe-I think yes and i think no idk-I wont decide at now prefer-no-answer-I prefer not answer this request</layouts>
|;atc: To acess this, click on Contact >> Search >> Touch on any Profile >> Touch on "Adquires User Contact" atc;|
|;braveit: Remember, your request can be changed on config + UCRP Contact + Change Answer + Put the answer you wanted to put braveit;|
|;powering
<delete>Virus and Spammers</delete>
<padding ratius>14 px | 0 px solid #555</padding ratius>
<uneditable>This is a uneditable block</uneditable>
[[end-ucrp.code]]
Enter fullscreen mode Exit fullscreen mode

Now let's get straight to the point!

To generate a delicate UCRP code, you can avoid using SourceIt or BraveIt, and instead use the


 attribute in the hex code

 ```#F8C8DC```

 And the <layouts> options can be arranged in a polite and cute way, example:


Enter fullscreen mode Exit fullscreen mode

/UCRP.code\
Cute UCRP code<1header>
|;showit: Would you please allow contacts for this website/application? 🩷 showit;|
yes-Accepted 🩷 no-Rejected 😞 maybe-More or less 🩷 idk-Don't Know 😞🩷 prefer-not-answer-Prefer Not Answer 🩷
|;atc: To contact, Go to Contacts > Contact someone atc;|
|;powering
Love!
|;colors: #F8C8DC colors;|
[[end-ucrp.code]]



---
If you want something more scientific, you can put <uneditable> From a scientific standpoint, you can also use the |;showit in a more laboratory-like way, And you can put the

 ```|;colors```

 in the hex code

 ```#7FD18C```

 And if it's a laboratory application, the use of UCRP.cods technology will be almost perfect, Here's an example of a lab-style UCRP code for you to use:


Enter fullscreen mode Exit fullscreen mode

/UCRP.code\
UCRP Laboratory 🧪<1header>
|;showit: Do you want to allow contacts in your lab app? 🧪 showit;|
yes-Respectful acceptance no-Respectful Negation maybe-Indecision Present idk-Total Indecision prefer-not-answer-No Response Preferred
|;atc: Contact method used via Gmail in the adress thiscontactnotexistsowonttrutosendamessagetoit@gmail.com atc;|
|;powering
We accept ethical and respectful returns 🧪
|;colors: #7FD18C colors;|
[[end-ucrp.code]]



Now, If you want a tutorial, try this:


Enter fullscreen mode Exit fullscreen mode

/UCRP.code\

|;showit: Welcome to the UCRP Interactive Tutorial!
|;braveit: Learn UCRP tags, layouts, and behaviors step by step
|;sourceit: Only visible in source editor

|;decideit:


yes — I understand 🟢
no — I need help 🔴
maybe — I'm not sure 🟡
idk — I don't know ⚪
prefer-not-answer — I prefer not to answer 💎


understood.html
need-help.html
not-sure.html
dont-know.html
no-answer.html

|;atc: Automatic Tag Coloring (colors below)
|;powering: Enable dynamic behavior for interactive choices
|;uneditable: This block cannot be edited by users

|;showit: Colors assigned to each choice for clarity
|;braveit: 🟢 Green — yes
|;braveit: 🔴 Red — no
|;braveit: 🟡 Yellow — maybe
|;braveit: ⚪ White — idk
|;braveit: 💎 Blue Diamond — prefer-not-answer

|;showit: Explanation of core tags:

|;braveit: 1️⃣ "|;showit" → displays a message to the user
|;braveit: 2️⃣ "|;braveit" → bold text
|;braveit: 3️⃣ "|;sourceit" → visible only in source editor
|;braveit: 4️⃣ "|;decideit" → enables for user decisions
|;braveit: 5️⃣ "" → lists interactive options
|;braveit: 6️⃣ "" → defines destination page for each choice
|;braveit: 7️⃣ "|;atc" → auto-assign colors to choices
|;braveit: 8️⃣ "|;powering" → dynamic effects on selection
|;braveit: 9️⃣ "" → locked block, editable only by devs

[[end-ucrp.code]]



## Additional Notes
The UCRP.code file currently lacks the area for JavaScript to understand the |;warning, |;footer and <goto>
---
We're still trying to make UCRP.code famous.
## Links
* GitHub Repository: https://github.com/whittow-hub/UCRP.code
* CodePen: https://codepen.io/Jos-Sousa-Barroso/pen/EaKqXGM
Enter fullscreen mode Exit fullscreen mode

Top comments (0)