Difference between revisions of "Template:Task"

From Taskman Wiki
Jump to navigation Jump to search
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
<div wire:id="GFfe856edBC2rxQCRj0H" class="px-4 py-8 bg-gray-900 shadow-2xl sm:rounded-lg sm:px-10 ">
+
<div style="background-color:#161e2e">
     <div class="flex -mt-3 mb-3">
+
     <div style="color:#6b7280; display:inline;">
         <h1 class="mt-0 flex-1">Current task</h1>
+
         <h1 style="color:#6b7280; display:inline; text-align:left;">CURRENT TASK</h1>
                    <a tabindex="-1" href="https://taskman.rs/tasks?search=id:PBQG" class="mt-1 font-mono text-xs text-gray-500 font-bold my-3">PBQG</a>
 
            </div>
 
            <div class="flex flex-col my-6 space-y-4 sm:flex-row sm:space-x-6 sm:space-y-0">
 
            <div class="flex items-center justify-center">
 
                <img class="max-w-2xs max-h-2xs" src="https://taskman.rs/storage/250/100px-desert-amulet-2-detail.png">
 
            </div>
 
            <div>
 
                <h2 class="mb-3 antialiased leading-tight text-gray-300 align-text-top">Complete the medium Desert Area Tasks</h2>
 
                <hr class="border-gray-700">
 
                <p class="mt-3 text-sm text-justify text-gray-400">
 
                    Speak to Zahur in Nardah upon completion.
 
                </p>
 
                <div class="flex justify-between mt-3">
 
                    <div class="flex space-x-2">
 
                        <a href="https://runescape.wiki/w/Medium_Desert_achievements" target="_blank" class="flex-shrink-0">
 
                            <img title="RS Wiki" alt="RS Wiki" src="/images/rswiki.jpg" class="w-5 h-5 rounded shadow">
 
                        </a>
 
                        <a href="https://wiki.taskman.rs/PBQG" target="_blank" class="flex-shrink-0">
 
                            <img title="Taskman Wiki" alt="Taskman Wiki" src="https://wiki.taskman.rs/resources/assets/unknown.png" class="w-5 h-5 rounded shadow">
 
                        </a>
 
                                            </div>
 
                    <div class="flex space-x-2">
 
                                                    <span data-tippy-content="This task is part of the requirements for the Completionist cape." data-tippy-placement="bottom-start">
 
                                <img src="/images/Comp.png" class="h-5 shadow">
 
                            </span>
 
                                                                            <span data-tippy-content="This task is part of the requirements for the Trimmed Completionist cape." data-tippy-placement="bottom-start">
 
                                <img src="/images/Trim.png" class="h-5 shadow">
 
                            </span>
 
                                                                                                                                                                                                    <span data-tippy-content="This task is part of an achievement or completes an achievement." data-tippy-placement="bottom-start">
 
                                <img src="/images/RuneScore.png" class="h-5 shadow">
 
                            </span>
 
                                                <a href="https://apps.runescape.com/runemetrics/app/my-profile" target="_blank" class="flex-shrink-0" data-tippy-content="Clicking this button will take you to your personal RuneMetrics page, where you can find your play-time." data-tippy-placement="bottom-start">
 
                            <img src="/images/runemetrics.png" class="h-5 shadow">
 
                        </a>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
        <div class="flex flex-col items-center my-6 space-x-0 space-y-2 sm:flex-row sm:space-x-2 sm:space-y-0">
 
            <div class="w-full">
 
   
 
    <div class="relative  rounded-md shadow-sm">
 
                <input autocomplete="off" value="" type="text" wire:model.lazy="days" id="days" name="days" class="appearance-none bg-gray-700 block px-3 py-2 border border-gray-600 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-teal focus:border-teal-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5 text-gray-200
 
                                                pr-9                               
 
            ">                    <div class="absolute inset-y-0 right-0 flex items-center pr-3">
 
                <span class="flex text-gray-500 sm:text-sm sm:leading-5">
 
                    D
 
                </span>
 
            </div>
 
            </div>
 
 
 
 
     </div>
 
     </div>
            <div class="w-full">
+
     <div style="color:#6b7280; display:inline;>
   
+
        <p id="taskid" style="display:inline;text-align:right;">PBQG</p>
     <div class="relative  rounded-md shadow-sm">
 
                <input autocomplete="off" value="" type="text" wire:model.lazy="hours" id="hours" name="hours" class="appearance-none bg-gray-700 block px-3 py-2 border border-gray-600 rounded-md placeholder-gray-400 focus:outline-none focus:shadow-outline-teal focus:border-teal-300 transition duration-150 ease-in-out sm:text-sm sm:leading-5 text-gray-200
 
                                                pr-9                               
 
            ">                    <div class="absolute inset-y-0 right-0 flex items-center pr-3">
 
                <span class="flex text-gray-500 sm:text-sm sm:leading-5">
 
                    H
 
                </span>
 
            </div>
 
            </div>
 
 
 
 
     </div>
 
     </div>
                    </div>
+
    <div style="background-color:#161e2e !important">
                    <div class="flex mt-6 space-x-2">
+
        <span style="background-color:#161e2e !important">[[File:Gold bar detail.png|100px]]</span>
                    <button class="block secondary" wire:click="generateTask" disabled="">
+
fff
                                    Generate task
 
                            </button>
 
                <button class="block success" wire:click="submit">
 
          Complete task
 
        </button>
 
 
     </div>
 
     </div>
 
</div>
 
</div>

Latest revision as of 09:01, 20 October 2023

CURRENT TASK

PBQG

       Gold bar detail.png

fff