Changes for page Home

Summary

• Page properties (1 modified, 0 added, 0 removed)
• Objects (0 modified, 1 added, 0 removed)
  • XWiki.StyleSheetExtension[0]

Details

Page properties

Content

...	...	@@ -1,5 +1,252 @@
1	1	{{velocity}}
2		-#if ("$!xcontext.userReference" == '')
3		- {{include reference="PublicWebSite.WebHome"/}}
4		-#end
	2	+#*== Professional XWiki Services for Secure and Scalable Business Solutions ==
	3	+Agnease helps organizations maintain, upgrade, and extend their XWiki environments with clarity and precision. Focusing on stability, performance, and long-term support we ensure your business knowledge and collaboration tools remain dependable, secure, and adaptable to growth.*#
	4	+{{html clean="false"}}
	5	+<main class="agnease-landing">
	6	+ <!-- ================= HERO ================= -->
	7	+ <section class="hero hero-centered" aria-labelledby="hero-title">
	8	+ <div class="container">
	9	+ <div class="row">
	10	+ <div class="col-sm-12">
	11	+ <div class="hero-inner">
	12	+ <h1 id="hero-title">Professional XWiki solutions, from setup to long-term stability</h1>
	13	+ <p class="lead">Need your XWiki upgraded, secured, or improved? Let’s make it happen</p>
	14	+ <div class="hero-cta">
	15	+ <a class="btn btn-primary" href="#contact" aria-label="Schedule a call with Agnease">
	16	+ Request a consultation
	17	+ </a>
	18	+ </div>
	19	+ <ul class="benefits">
	20	+ <li>Smooth upgrades</li>
	21	+ <li>Reliable support plans</li>
	22	+ <li>Custom integrations</li>
	23	+ <li>Secure, optimized platforms</li>
	24	+ </ul>
	25	+ </div>
	26	+ </div>
	27	+ </div>
	28	+ </div>
	29	+ </section>
	30	+
	31	+ <!-- ========= WHY CHOOSE AGNEASE (widgets) ========= -->
	32	+ #set ($whySectionData = [{
	33	+ 'title': 'Stability & security',
	34	+ 'icon': 'shield',
	35	+ 'content': 'Proven upgrade steps, rollback safety, and proactive hardening keep your wiki reliable.'
	36	+ },{
	37	+ 'title': 'Predictable delivery',
	38	+ 'icon': 'check-square-o',
	39	+ 'content': 'Clear scope, defined steps, and documented results to avoid surprises.'
	40	+ },{
	41	+ 'title': 'Clean integrations',
	42	+ 'icon': 'link',
	43	+ 'content': 'Maintainable SSO, API, and system connections tailored to your environment.'
	44	+ },{
	45	+ 'title': 'Long-term support',
	46	+ 'icon': 'life-ring',
	47	+ 'content': 'Guaranteed response times, regular checks, and fast assistance when needed.'
	48	+ }])
	49	+ <section aria-labelledby="why-title">
	50	+ <div class="container">
	51	+ <h2 id="why-title">Why choose Agnease</h2>
	52	+ <p class="lead">10+ years of XWiki expertise with structured delivery and lasting collaboration</p>
	53	+
	54	+ <div class="row widgets" role="list">
	55	+ #foreach ($entry in $whySectionData)
	56	+ <div class="col-sm-6 col-md-3">
	57	+ <article class="widget" role="listitem">
	58	+ <div class="icon" aria-hidden="true">
	59	+ <i class="fa fa-$entry.icon"></i>
	60	+ <h4>$entry.title</h4>
	61	+ </div>
	62	+ <p>$entry.content</p>
	63	+ </article>
	64	+ </div>
	65	+ #end
	66	+ </div>
	67	+ </div>
	68	+ </section>
	69	+ <!-- ================= SERVICES ================= -->
	70	+ #set ($servicesSectionData = [{
	71	+ 'title': 'Upgrades',
	72	+ 'icon': 'refresh',
	73	+ 'content': 'Stay current with the latest XWiki LTS and keep your instance secure and stable.',
	74	+ 'items': [
	75	+ 'Audit setup, extensions, and configurations',
	76	+ 'Test upgrades with backups and validation',
	77	+ 'Safe production rollout with minimal downtime'
	78	+ ]
	79	+ },{
	80	+ 'title': 'Maintenance, Support & Recovery',
	81	+ 'icon': 'stethoscope',
	82	+ 'content': 'Ensure long-term stability and quick response when issues appear.',
	83	+ 'items': [
	84	+ 'Monitoring and performance checks',
	85	+ 'Security patching, log analysis, triage',
	86	+ 'Issue recovery, data repair, hardening'
	87	+ ]
	88	+ },{
	89	+ 'title': 'Development & Integrations',
	90	+ 'icon': 'cogs',
	91	+ 'content': 'Extend and connect XWiki to fit your workflow and systems.',
	92	+ 'items': [
	93	+ 'Custom apps, macros, automation',
	94	+ 'SSO, REST APIs, LDAP, CRM links',
	95	+ 'Maintainable extensions for long-term use'
	96	+ ]
	97	+ },{
	98	+ 'title': 'Hosting & Deployment',
	99	+ 'icon': 'cloud',
	100	+ 'content': 'Cloud-ready environments designed for reliability and performance.',
	101	+ 'items': [
	102	+ 'Containerized deployment and TLS',
	103	+ 'Backups, restore strategy, observability',
	104	+ 'Optimization and load tuning'
	105	+ ]
	106	+ },{
	107	+ 'title': 'Migrations to XWiki',
	108	+ 'icon': 'exchange',
	109	+ 'content': 'Move from Confluence, SharePoint, or MediaWiki to XWiki with full data integrity and structure.',
	110	+ 'items': [
	111	+ 'Preserve hierarchy, attachments, and permissions',
	112	+ 'Convert macros, categories, and metadata for XWiki',
	113	+ 'Redirect old URLs and maintain SEO consistency'
	114	+ ]
	115	+ }])
	116	+ <section class="services" aria-labelledby="services-title">
	117	+ <div class="container">
	118	+ <h2 id="services-title">Services</h2>
	119	+ <p class="services-sub">All the XWiki services you need, delivered with precision and care</p>
	120	+ <div class="services-grid">
	121	+ #foreach ($entry in $servicesSectionData)
	122	+ <article class="service">
	123	+ <i class="fa fa-$entry.icon" aria-hidden="true"></i>
	124	+ <div class="body">
	125	+ <h4>$entry.title</h4>
	126	+ <p>$entry.content</p>
	127	+ <ul>
	128	+ #foreach ($item in $entry.items)
	129	+ <li>$item</li>
	130	+ #end
	131	+ </ul>
	132	+ </div>
	133	+ </article>
	134	+ #end
	135	+ </div>
	136	+ </div>
	137	+ </section>
	138	+
	139	+ <!-- ================= METRICS ================= -->
	140	+ <section aria-labelledby="metrics-title">
	141	+ <div class="container">
	142	+ <h2 id="metrics-title">Delivery at a glance</h2>
	143	+ <div class="metrics" role="list">
	144	+ <div class="metric" role="listitem">
	145	+ <div class="num">8–12h</div>
	146	+ <div class="label">Typical LTS upgrade window</div>
	147	+ </div>
	148	+ <div class="metric" role="listitem">
	149	+ <div class="num">&lt;1h</div>
	150	+ <div class="label">Average service downtime during upgrades</div>
	151	+ </div>
	152	+ <div class="metric" role="listitem">
	153	+ <div class="num">24–48h</div>
	154	+ <div class="label">First response SLA (plans)</div>
	155	+ </div>
	156	+ <div class="metric" role="listitem">
	157	+ <div class="num">10+ yrs</div>
	158	+ <div class="label">XWiki expertise</div>
	159	+ </div>
	160	+ </div>
	161	+ <p class="lead" style="margin-top:.6rem">*for rehearsed, staged upgrades on supported environments.</p>
	162	+ </div>
	163	+ </section>
	164	+
	165	+ <!-- ================= PROCESS ================= -->
	166	+ <section aria-labelledby="process-title">
	167	+ <div class="container">
	168	+ <h2 id="process-title">Process</h2>
	169	+ <p class="lead">Calm, predictable, and transparent from start to finish.</p>
	170	+ <div class="steps">
	171	+ <div class="step">
	172	+ <h3>1) Assess</h3>
	173	+ <p>Review environment, extensions, constraints, and risks with no surprises.</p>
	174	+ </div>
	175	+ <div class="step">
	176	+ <h3>2) Plan</h3>
	177	+ <p>Agree scope, milestones, downtime windows, and rollback checkpoints.</p>
	178	+ </div>
	179	+ <div class="step">
	180	+ <h3>3) Deliver</h3>
	181	+ <p>Execute, verify, document, and hand over with actionable notes.</p>
	182	+ </div>
	183	+ </div>
	184	+ </div>
	185	+ </section>
	186	+
	187	+ <!-- ================= FAQ ================= -->
	188	+ <section class="faq" aria-labelledby="faq-title">
	189	+ <div class="container">
	190	+ <h2 id="faq-title">FAQ</h2>
	191	+ <details>
	192	+ <summary>How much downtime should we expect for an upgrade?</summary>
	193	+ <p>Most upgrades complete in a short maintenance window. For mission-critical wikis we rehearse and stage changes to minimize downtime.</p>
	194	+ </details>
	195	+ <details>
	196	+ <summary>Can you help if our wiki is already broken?</summary>
	197	+ <p>Yes. We start with an audit to stabilize the instance, recover missing features, and harden configuration.</p>
	198	+ </details>
	199	+ <details>
	200	+ <summary>Do you offer support plans?</summary>
	201	+ <p>Yes, from ad-hoc assistance to ongoing retainers with response-time guarantees and monthly health checks.</p>
	202	+ </details>
	203	+ </div>
	204	+ </section>
	205	+
	206	+ <!-- ================= CTA ================= -->
	207	+ <section id="contact" aria-labelledby="contact-title">
	208	+ <div class="container">
	209	+ <div class="cta-band">
	210	+ <div>
	211	+ <h3 id="contact-title">Need a reliable plan for your XWiki?</h3>
	212	+ <p class="lead" style="margin:0">Upgrades, support, and integrations handled with low risk and clear communication.</p>
	213	+ </div>
	214	+ <a class="btn btn-primary" href="mailto:hello@agnease.com">Contact Agnease</a>
	215	+ </div>
	216	+ </div>
	217	+ </section>
	218	+</main>
	219	+{{/html}}
	220	+#*
	221	+= XWiki Multi-Factor Authentication (MFA) Application =
	222	+
	223	+{{display reference="Extension.MFA Application.WebHome"/}}
	224	+== Transform Your Business with Our Professional XWiki Solutions ==
	225	+
	226	+* **XWiki Strategy and Optimization**
	227	+Get expert advice on optimizing XWiki for your specific business needs.
	228	+Receive tailored solutions to improve collaboration and knowledge management.
	229	+
	230	+* **Custom Development**
	231	+We develop specific features based on your needs.
	232	+Customize XWiki to match your unique workflows and processes.
	233	+
	234	+* **Open Source Development**
	235	+We add new features, make improvements, and fix bugs on the XWiki platform.
	236	+Contribute to the XWiki community by enhancing the platform’s capabilities.
	237	+
	238	+* **Installation and Upgrade**
	239	+We handle installation and upgrades to ensure everything runs smoothly.
	240	+Ensure a seamless transition with minimal disruption to your operations.
	241	+
	242	+* **Migration Services**
	243	+Move from Confluence, MediaWiki, SharePoint, and other tools to XWiki with ease.
	244	+Preserve your data integrity and structure during the migration process.
	245	+
	246	+* **Technical Support and Maintenance**
	247	+We provide ongoing support and maintenance for your XWiki solution.
	248	+Ensure your XWiki instance is always up-to-date and performing optimally.
	249	+
	250	+Contact us at [[contact@agnease.com>>mailto:contact@agnease.com]]
	251	+*#
5	5	{{/velocity}}

XWiki.StyleSheetExtension[0]

Caching policy

...	...	@@ -1,0 +1,1 @@
	1	+long

Code

...	...	@@ -1,0 +1,352 @@
	1	+/* ========== Agnease Landing (LESS, scoped to .agnease-landing) ========== */
	2	+@brand: #00937D;
	3	+@brand-strong: #007B6A;
	4	+@text: #2D3A34;
	5	+@muted: #5B6B64;
	6	+@bg: #FFFFFF;
	7	+@panel: #F7F9F8;
	8	+@line: #E4ECE9;
	9	+@radius: 16px;
	10	+@radius-sm: 12px;
	11	+@shadow-sm: 0 6px 20px rgba(0,0,0,.06);
	12	+@shadow: 0 12px 36px rgba(0,0,0,.08);
	13	+@maxw: 1140px;
	14	+
	15	+.agnease-landing {
	16	+ /* Base */
	17	+ color: @text;
	18	+ font: 16px/1.6 Inter, Segoe UI, Roboto, system-ui, -apple-system, Arial, sans-serif;
	19	+ a { color: @brand; text-decoration: none; &:hover { color: @brand-strong; text-decoration: underline; } }
	20	+ img { max-width: 100%; display: block; }
	21	+ /*h1 { font-size: clamp(1.8rem, 2.5vw + .8rem, 3rem); line-height: 1.15; margin: .2rem 0 .6rem; }
	22	+ h2 { font-size: clamp(1.4rem, 1.4vw + .8rem, 2rem); line-height: 1.2; margin: .2rem 0 .4rem; }
	23	+ h3 { font-size: 1.12rem; margin: .2rem 0 .25rem; }*/
	24	+ .lead { color: @muted; max-width: 72ch; }
	25	+ .container { max-width: @maxw; margin-top: 5px; padding: 0; overflow-x: clip;}
	26	+
	27	+ /* Global sections */
	28	+ section { padding: 32px 0; border-top: 1px solid @line; }
	29	+ section:first-of-type { border-top: none; }
	30	+
	31	+ /* Buttons */
	32	+ .btn {
	33	+ display: inline-flex; align-items: center; gap: .55rem;
	34	+ padding: .85rem 1.1rem; border-radius: 12px; border: 2px solid transparent;
	35	+ font-weight: 650; letter-spacing: .2px; cursor: pointer; box-shadow: @shadow-sm;
	36	+
	37	+ &:focus-visible { outline: 3px solid @brand; outline-offset: 2px; }
	38	+
	39	+ &-primary {
	40	+ background: @brand; color: #fff;
	41	+ &:hover, &:focus { background: @brand-strong; color: #fff; }
	42	+ }
	43	+ &-ghost {
	44	+ background: #fff; color: @brand; border-color: @brand;
	45	+ &:hover { color: @brand-strong; border-color: @brand-strong; }
	46	+ }
	47	+ }
	48	+
	49	+ /* HERO (centered) */
	50	+ .hero {
	51	+ &.hero-centered {
	52	+ text-align: center;
	53	+ background:
	54	+ radial-gradient(50rem 18rem at 50% -10%, #E7FFF8 0%, transparent 60%),
	55	+ radial-gradient(50rem 18rem at 50% 0%, #E8F6F3 0%, transparent 60%);
	56	+ display: flex;
	57	+ align-items: center;
	58	+ justify-content: center;
	59	+ min-height: 350px; /* reduced height */
	60	+ /*padding: 48px 0; /* controlled vertical spacing */
	61	+
	62	+ .hero-inner {
	63	+ /*max-width: 760px;*/
	64	+ margin: auto;
	65	+ display: flex;
	66	+ flex-direction: column;
	67	+ align-items: center;
	68	+ gap: 1rem;
	69	+ }
	70	+
	71	+ /*h1 {
	72	+ font-size: clamp(1.9rem, 2.3vw + 1rem, 2.7rem);
	73	+ line-height: 1.15;
	74	+ margin: 0.4rem 0 0.5rem;
	75	+ }*/
	76	+
	77	+ .lead {
	78	+ color: @muted;
	79	+ /*max-width: 68ch;*/
	80	+ margin: 0 auto 0.9rem;
	81	+ }
	82	+
	83	+ .hero-cta {
	84	+ display: flex;
	85	+ gap: 0.8rem;
	86	+ flex-wrap: wrap;
	87	+ justify-content: center;
	88	+ margin-top: 0.3rem;
	89	+ }
	90	+
	91	+ .benefits {
	92	+ display: flex;
	93	+ flex-wrap: wrap;
	94	+ justify-content: center;
	95	+ list-style: none;
	96	+ padding: 0;
	97	+ margin: 0.8rem 0 0;
	98	+ color: @muted;
	99	+ font-size: 14px;
	100	+ gap: 5px;
	101	+ li {
	102	+ /*margin-left: 5px;*/
	103	+ }
	104	+ li + li::before {
	105	+ content: "•";
	106	+ margin-right: 5px;
	107	+ }
	108	+ /* Mobile: show bullets only between 1–2 and 3–4 */
	109	+ @media (max-width: 640px) {
	110	+ /* override the exact selector used above */
	111	+ li + li::before { content: none; }
	112	+ /* Add bullet only after item 1 and item 3 */
	113	+ li:nth-child(1)::after,
	114	+ li:nth-child(3)::after {
	115	+ content: "•";
	116	+ margin-left: 5px;
	117	+ }
	118	+ }
	119	+ }
	120	+ }
	121	+ }
	122	+
	123	+ /* === WHY CHOOSE (widgets using Bootstrap grid) === */
	124	+ .widgets {
	125	+ margin-top: 12px;
	126	+ display: flex;
	127	+ flex-wrap: wrap;
	128	+
	129	+ /* optional: tighten columns a bit on small screens */
	130	+ .col-sm-6 {
	131	+ margin-bottom: 16px;
	132	+ }
	133	+ }
	134	+
	135	+ .widget {
	136	+ background: #fff;
	137	+ border: 1px solid @line;
	138	+ border-radius: @radius;
	139	+ padding: 18px;
	140	+ box-shadow: @shadow-sm;
	141	+ display: flex;
	142	+ flex-direction: column;
	143	+ height: 100%;
	144	+ justify-content: flex-start;
	145	+ gap: 8px;
	146	+ text-align: left;
	147	+ transition: transform 0.18s ease, box-shadow 0.18s ease;
	148	+
	149	+ &:hover {
	150	+ transform: translateY(-2px);
	151	+ box-shadow: @shadow;
	152	+ }
	153	+
	154	+ .icon {
	155	+ display: flex;
	156	+ align-items: center;
	157	+ gap: 10px;
	158	+ padding: 6px 0;
	159	+ border-bottom: 1px solid fade(@line, 60%);
	160	+ margin-bottom: 6px;
	161	+
	162	+ i {
	163	+ color: @brand;
	164	+ }
	165	+
	166	+ h4 {
	167	+ margin: 0;
	168	+ color: @text;
	169	+ line-height: 1.2;
	170	+ }
	171	+ }
	172	+
	173	+ p {
	174	+ color: @muted;
	175	+ margin: 0;
	176	+ line-height: 1.45;
	177	+ }
	178	+ }
	179	+
	180	+ /* SERVICES */
	181	+ .services {
	182	+ h2 {
	183	+ margin: 0 0 .3rem;
	184	+ }
	185	+
	186	+ .services-sub {
	187	+ margin: 0 0 1.75rem;
	188	+ color: @muted;
	189	+ }
	190	+
	191	+ /* Flex layout: 2 per row on desktop */
	192	+ .services-grid {
	193	+ display: flex;
	194	+ flex-wrap: wrap;
	195	+ gap: 32px 36px; // row gap, column gap
	196	+ }
	197	+
	198	+ .service {
	199	+ display: grid;
	200	+ grid-template-columns: 48px 1fr;
	201	+ gap: 16px;
	202	+ padding: 18px 0;
	203	+ border-top: 1px solid @line;
	204	+
	205	+ /* two per row */
	206	+ flex: 1 1 calc(50% - 18px);
	207	+ max-width: calc(50% - 18px);
	208	+
	209	+ /* first row: no top border */
	210	+ &:nth-of-type(-n + 2) {
	211	+ border-top: none;
	212	+ }
	213	+
	214	+ > i {
	215	+ width: 42px;
	216	+ height: 42px;
	217	+ border-radius: 50%;
	218	+ display: flex;
	219	+ align-items: center;
	220	+ justify-content: center;
	221	+ font-size: 18px;
	222	+ color: @brand;
	223	+ background: fade(@brand, 10%);
	224	+ margin-top: 3px;
	225	+ }
	226	+
	227	+ .body {
	228	+ h4 {
	229	+ margin: 0 0 4px;
	230	+ font-size: 1.125rem;
	231	+ font-weight: 800;
	232	+ }
	233	+
	234	+ p {
	235	+ margin: 0 0 6px;
	236	+ color: @text;
	237	+ line-height: 1.5;
	238	+ }
	239	+
	240	+ ul {
	241	+ margin: .45rem 0 0;
	242	+ padding-left: 1.1rem;
	243	+ color: @muted;
	244	+ font-size: .95rem;
	245	+ }
	246	+
	247	+ li {
	248	+ margin: .25rem 0;
	249	+ line-height: 1.45;
	250	+ }
	251	+ }
	252	+ }
	253	+
	254	+ /* If there is an odd number of services, center the last one */
	255	+ .services-grid > .service:last-child:nth-child(odd) {
	256	+ flex-basis: 100%;
	257	+ max-width: 680px;
	258	+ margin-left: auto;
	259	+ margin-right: auto;
	260	+ }
	261	+
	262	+ /* Mobile: single column, full-width */
	263	+ @media (max-width: 760px) {
	264	+ .services-grid {
	265	+ gap: 20px;
	266	+ }
	267	+
	268	+ .service {
	269	+ grid-template-columns: 40px 1fr;
	270	+ flex: 1 1 100%;
	271	+ max-width: 100%;
	272	+
	273	+ /* reset border for all, then remove only on first */
	274	+ border-top: 1px solid @line;
	275	+
	276	+ &:nth-of-type(1) {
	277	+ border-top: none;
	278	+ }
	279	+
	280	+ > i {
	281	+ width: 36px;
	282	+ height: 36px;
	283	+ font-size: 16px;
	284	+ }
	285	+ }
	286	+
	287	+ /* On mobile, last item behaves like all others */
	288	+ .services-grid > .service:last-child:nth-child(odd) {
	289	+ flex-basis: 100%;
	290	+ max-width: 100%;
	291	+ margin-left: 0;
	292	+ margin-right: 0;
	293	+ }
	294	+ }
	295	+ }
	296	+ /* METRICS */
	297	+ .metrics {
	298	+ display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr);
	299	+ @media (min-width: 720px) { grid-template-columns: repeat(4, 1fr); }
	300	+ .metric {
	301	+ background: #fff; border: 1px solid @line; border-radius: 14px; padding: 16px; text-align: center; box-shadow: @shadow-sm;
	302	+ .num { font-size: 1.6rem; font-weight: 800; color: @brand; }
	303	+ .label { color: @muted; font-size: .92rem; }
	304	+ }
	305	+ }
	306	+
	307	+ /* PROCESS */
	308	+ .steps {
	309	+ display: grid; gap: 16px; grid-template-columns: 1fr;
	310	+ @media (min-width: 860px) { grid-template-columns: repeat(3, 1fr); }
	311	+ .step {
	312	+ background: #fff; border: 1px solid @line; border-radius: @radius; padding: 18px; box-shadow: @shadow-sm;
	313	+ }
	314	+ }
	315	+
	316	+ /* FAQ */
	317	+ .faq {
	318	+ details {
	319	+ border: 1px solid @line; border-radius: @radius-sm; padding: .75rem .9rem; background: #fff; margin: .6rem 0;
	320	+ summary { cursor: pointer; font-weight: 650; }
	321	+ &[open] { box-shadow: @shadow-sm; }
	322	+ }
	323	+ }
	324	+
	325	+ /* CTA BAND */
	326	+ #contact {
	327	+ .cta-band {
	328	+ background: #fff; border: 1px solid @line; border-radius: @radius;
	329	+ padding: 20px; box-shadow: @shadow;
	330	+ display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px;
	331	+ }
	332	+ }
	333	+
	334	+ /* ===== Prevent horizontal overflow ===== */
	335	+ html, body {
	336	+ overflow-x: hidden;
	337	+ }
	338	+
	339	+ /* Ensure hero gradients don't bleed */
	340	+ .hero {
	341	+ overflow: hidden; /* contain background overflow */
	342	+ background-repeat: no-repeat;
	343	+ background-attachment: scroll;
	344	+ }
	345	+
	346	+ /* Safety for large paddings/margins that might extend */
	347	+ section, .widgets, .services, .metrics, .steps {
	348	+ margin-left: auto;
	349	+ margin-right: auto;
	350	+ }
	351	+}
	352	+

Content Type

...	...	@@ -1,0 +1,1 @@
	1	+LESS

Use this extension

...	...	@@ -1,0 +1,1 @@
	1	+currentPage