|
26 | 26 |
|
27 | 27 | <div |
28 | 28 | id="explore_section" |
29 | | - class="mt-f96 flex w-full flex-row bg-navy sm:px-f64 sm:py-f80 lg:px-f128 lg:py-f96 vertical-lg:min-h-[550-px] vertical-lg:w-[100%]" |
| 29 | + class="freq-container mt-f96 flex w-full flex-col gap-f12 sm:pt-f20 lg:flex-row lg:gap-0 lg:bg-navy lg:px-f128 lg:py-f96 vertical-lg:min-h-[550-px] vertical-lg:w-[100%] vertical-md:flex-row vertical-md:gap-0" |
30 | 30 | > |
31 | | - <div id="explore_description" class="relative flex flex-row bg-navy pr-f12 text-teal vertical-lg:min-h-[550px]"> |
| 31 | + <div |
| 32 | + id="explore_description" |
| 33 | + class="relative flex flex-row bg-navy pr-f12 text-teal sm:px-f32 vertical-lg:min-h-[550px]" |
| 34 | + > |
32 | 35 | <div class="flex flex-col gap-f32"> |
33 | 36 | <span class="h1 mt-f8 text-clip text-wrap font-title font-normal">Explore & Build</span> |
34 | 37 |
|
|
50 | 53 | </div> |
51 | 54 |
|
52 | 55 | <!-- min width selected based on description section + 1 open accordion + 3 closed accordions --> |
53 | | - <div class="flex flex-row lg:min-w-[716px]"> |
54 | | - <HAccordion |
55 | | - sectionNumber="1" |
56 | | - iconSrc={ProviderIcon} |
57 | | - on:toggled={handleToggled} |
58 | | - bind:isOpen={sectionOpenStates[1]} |
59 | | - url="https://docs.frequency.xyz/Guides/BecomeAProvider.html" |
60 | | - > |
61 | | - {#snippet sectionLabel()}Quick Start/<br />Become a Provider{/snippet} |
62 | | - In 5 minutes, you can become a provider, set up the Social App Template Example Application that uses Gateway Services. |
63 | | - This will give you a quick introduction to a working integration with Gateway Services and a starting place to explore |
64 | | - the possibilities. |
65 | | - </HAccordion> |
| 56 | + <div class="w-full bg-navy sm:px-f32 sm:py-f16"> |
| 57 | + <div class="flex flex-col gap-f4 lg:min-w-[716px] lg:flex-row vertical-md:flex-row"> |
| 58 | + <HAccordion |
| 59 | + sectionNumber="1" |
| 60 | + iconSrc={ProviderIcon} |
| 61 | + on:toggled={handleToggled} |
| 62 | + bind:isOpen={sectionOpenStates[1]} |
| 63 | + url="https://docs.frequency.xyz/Guides/BecomeAProvider.html" |
| 64 | + > |
| 65 | + {#snippet sectionLabel()}Quick Start/<br />Become a Provider{/snippet} |
| 66 | + In 5 minutes, you can become a provider, set up the Social App Template Example Application that uses Gateway Services. |
| 67 | + This will give you a quick introduction to a working integration with Gateway Services and a starting place to explore |
| 68 | + the possibilities. |
| 69 | + </HAccordion> |
66 | 70 |
|
67 | | - <HAccordion |
68 | | - sectionNumber="2" |
69 | | - iconSrc={GatewayIcon} |
70 | | - on:toggled={handleToggled} |
71 | | - bind:isOpen={sectionOpenStates[2]} |
72 | | - url="https://docs.frequency.xyz/Guides/Gateway.html" |
73 | | - > |
74 | | - {#snippet sectionLabel()}Frequency<br />Gateway{/snippet} |
75 | | - is a collection of easy-to-deploy: microservices that provide simple REST APIs for interacting with Frequency. Configure |
76 | | - and deploy only the components you need, including. |
77 | | - </HAccordion> |
| 71 | + <HAccordion |
| 72 | + sectionNumber="2" |
| 73 | + iconSrc={GatewayIcon} |
| 74 | + on:toggled={handleToggled} |
| 75 | + bind:isOpen={sectionOpenStates[2]} |
| 76 | + url="https://docs.frequency.xyz/Guides/Gateway.html" |
| 77 | + > |
| 78 | + {#snippet sectionLabel()}Frequency<br />Gateway{/snippet} |
| 79 | + is a collection of easy-to-deploy microservices that provide simple REST APIs for interacting with Frequency. Configure |
| 80 | + and deploy only the components you need. |
| 81 | + </HAccordion> |
78 | 82 |
|
79 | | - <HAccordion |
80 | | - sectionNumber="3" |
81 | | - iconSrc={SsoIcon} |
82 | | - on:toggled={handleToggled} |
83 | | - bind:isOpen={sectionOpenStates[3]} |
84 | | - url="https://docs.frequency.xyz/Guides/SSO.html" |
85 | | - > |
86 | | - {#snippet sectionLabel()}Add Single<br />Sign-on to<br />your App{/snippet} |
87 | | - SIWF provides comprehensive documentation and tools to integrate with Frequency Access, an easy-to-use single sign-on |
88 | | - identity solution for users on Frequency. SIWF simplifies the authentication process, allowing users to access the |
89 | | - entire Frequency ecosystem effortlessly while maintaining control over their personal data.</HAccordion |
90 | | - > |
| 83 | + <HAccordion |
| 84 | + sectionNumber="3" |
| 85 | + iconSrc={SsoIcon} |
| 86 | + on:toggled={handleToggled} |
| 87 | + bind:isOpen={sectionOpenStates[3]} |
| 88 | + url="https://docs.frequency.xyz/Guides/SSO.html" |
| 89 | + > |
| 90 | + {#snippet sectionLabel()}Add Single<br />Sign-on to<br />your App{/snippet} |
| 91 | + SIWF provides comprehensive documentation and tools to integrate with Frequency Access, an easy-to-use single sign-on |
| 92 | + identity solution for users on Frequency. SIWF simplifies the authentication process, allowing users to access the |
| 93 | + entire Frequency ecosystem effortlessly while maintaining control over their personal data.</HAccordion |
| 94 | + > |
91 | 95 |
|
92 | | - <HAccordion |
93 | | - sectionNumber="4" |
94 | | - iconSrc={CoreIcon} |
95 | | - on:toggled={handleToggled} |
96 | | - bind:isOpen={sectionOpenStates[4]} |
97 | | - url="https://docs.frequency.xyz/" |
98 | | - > |
99 | | - {#snippet sectionLabel()}Frequency<br />Core{/snippet} |
100 | | - Here you will find detailed information about the building blocks of Frequency including technical overviews, advanced |
101 | | - tutorials, API documentation, code samples and more–everything you need to build your first Frequency application.</HAccordion |
102 | | - > |
| 96 | + <HAccordion |
| 97 | + sectionNumber="4" |
| 98 | + iconSrc={CoreIcon} |
| 99 | + on:toggled={handleToggled} |
| 100 | + bind:isOpen={sectionOpenStates[4]} |
| 101 | + url="https://docs.frequency.xyz/" |
| 102 | + > |
| 103 | + {#snippet sectionLabel()}Frequency<br />Core{/snippet} |
| 104 | + Here you will find detailed information about the building blocks of Frequency including technical overviews, advanced |
| 105 | + tutorials, API documentation, code samples and more—everything you need to build your first Frequency application.</HAccordion |
| 106 | + > |
| 107 | + </div> |
103 | 108 | </div> |
104 | 109 | </div> |
0 commit comments