Skip to content

Commit edf4591

Browse files
ajolipaajolipa
authored
Changing base URL of astro site to editioncrafter.org (#140)
* add github folder to gitignore * Create storybook.yml * updated m&k logo in footer * adding github workflows to gitignore * update footer text * minor updates to home page copy * added odt; added project descriptions to detail pages * adding ely green variorum * remove storybook workflow * added CNAME file for custom domain * removed CNAME file for now * fixing layout bug with footer on EC pages * changing base site to editioncrafter.org
1 parent f30f9d5 commit edf4591

File tree

23 files changed

+24975
-25538
lines changed

23 files changed

+24975
-25538
lines changed

‎README.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ import EditionCrafter from '@cu-mkp/editioncrafter'
2525
tcn: 'Normalized (FR)',
2626
tl: 'Translation (EN)'
2727
}}
28-
iiifManifest='https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/iiif/manifest.json'
29-
glossaryURL='https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/glossary.json'
28+
iiifManifest='https://editioncrafter.org-data/fr640_3r-3v-example/iiif/manifest.json'
29+
glossaryURL='https://editioncrafter.org-data/fr640_3r-3v-example/glossary.json'
3030
/>
3131
```
3232

@@ -44,8 +44,8 @@ To include EditionCrafter in your HTML website, you need to create a `div` somew
4444
EditionCrafter.viewer({
4545
id: 'ec',
4646
documentName: 'BnF Ms. Fr. 640',
47-
iiifManifest: 'https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/iiif/manifest.json',
48-
glossaryURL: 'https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/glossary.json',
47+
iiifManifest: 'https://editioncrafter.org-data/fr640_3r-3v-example/iiif/manifest.json',
48+
glossaryURL: 'https://editioncrafter.org-data/fr640_3r-3v-example/glossary.json',
4949
transcriptionTypes: {
5050
tc: 'Diplomatic (FR)',
5151
tcn: 'Normalized (FR)',
@@ -73,7 +73,7 @@ documentInfo={{
7373
translation: 'Translation',
7474
transcription: 'Transcription',
7575
},
76-
iiifManifest: 'https://cu-mkp.github.io/editioncrafter/taos-baptisms-example/iiif/manifest.json',
76+
iiifManifest: 'https://editioncrafter.org/taos-baptisms-example/iiif/manifest.json',
7777
},
7878
eng_415_145a: {
7979
documentName: 'Eng 415-145a',

‎astro-web/astro.config.mjs‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { defineConfig } from 'astro/config';
1+
import { defineConfig } from "astro/config";
22
import tailwind from "@astrojs/tailwind";
33
import react from "@astrojs/react";
44

@@ -7,6 +7,6 @@ import mdx from "@astrojs/mdx";
77
// https://astro.build/config
88
export default defineConfig({
99
integrations: [tailwind(), react(), mdx()],
10-
site: 'https://cu-mkp.github.io',
11-
base: '/editioncrafter'
12-
});
10+
site: "https://cu-mkp.github.io",
11+
//base: '/editioncrafter'
12+
});

‎astro-web/public/taos-baptisms-example/iiif/manifest.json‎

Lines changed: 3756 additions & 3812 deletions
Large diffs are not rendered by default.

‎astro-web/src/components/FeatureTabs.tsx‎

Lines changed: 88 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,52 +1,94 @@
11
import { useState } from "react";
22

3-
43
const FeatureTabs = () => {
5-
const [active, setActive] = useState(0)
6-
const images = ['/editioncrafter/editioncrafter_browser 1.png', '/editioncrafter/editioncrafter_browser 2.png', '/editioncrafter/editioncrafter_browser 3.png', '/editioncrafter/editioncrafter_browser 4.png'];
7-
return (
8-
<div className="max-w-[1072px] mx-auto">
9-
<img src={images[active]} width={1072} height={710} alt="EditionCrafter screenshot" className="transition" />
10-
<div className="md:w-full py-8 flex flex-row md:flex-col overflow-x-scroll gap-6 md:gap-12 bg-white">
11-
<div className="flex flex-row justify-between gap-6 md:gap-12 md:w-full">
12-
<div className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${ active == 0 ? 'bg-neutral' : 'hover:bg-neutral/30 cursor-pointer'} transition`} onClick={() => setActive(0)}>
13-
<h3 className="text-2xl">
14-
Dual-pane display
15-
</h3>
16-
<p className="text-neutral-gray">
17-
With the dual-pane display, a scholar or reader can navigate a source text and its associated texts in several, engaging ways. The display could simply show a digital version of a manuscript or two versions of a text in parallel, such as a facsimile page and a translation. A reader could even juxtapose two pages from different parts of the manuscript or zoom into one part of a facsimile page while simultaneously viewing the full version.
18-
</p>
19-
</div>
20-
<div className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${ active == 1 ? 'bg-neutral' : 'hover:bg-neutral/30 cursor-pointer'} transition`} onClick={() => setActive(1)}>
21-
<h3 className="text-2xl">
22-
Supports multiple transcriptions and translations
23-
</h3>
24-
<p className="text-neutral-gray">
25-
An edition can comprise multiple renditions of a source text, including transcriptions, normalized transcriptions, and translations. Through styling, it supports discontinuous text, inline figures, and special characters. EditionCrafter provides tools for precise transcription and translation.
26-
</p>
27-
</div>
28-
</div>
29-
<div className="flex flex-row justify-between gap-6 md:gap-12 md:w-full">
30-
<div className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${ active == 2 ? 'bg-neutral' : 'hover:bg-neutral/30 cursor-pointer'} transition`} onClick={() => setActive(2)}>
31-
<h3 className="text-2xl">
32-
Integrated commentary
33-
</h3>
34-
<p className="text-neutral-gray">
35-
Transcriptions and translations can be annotated to mark authorial deletions and additions, to expand abbreviations, to provide brief editorial commentary, and to link to extended commentary. Readers can easily view these notes without leaving the page. Editions can also include extended resources such as interpretative essays, a glossary, and bibliography.
36-
</p>
37-
</div>
38-
<div className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${ active == 3 ? 'bg-neutral' : 'hover:bg-neutral/30 cursor-pointer'} transition`} onClick={() => setActive(3)}>
39-
<h3 className="text-2xl">
40-
Built on TEI and IIIF
41-
</h3>
42-
<p className="text-neutral-gray">
43-
To create an edition, a scholar needs only to specify page breaks and image locations in a text. Editions are generated from TEI files and IIIF images, using well-established standards in the field of digital humanities.
44-
</p>
45-
</div>
46-
</div>
47-
</div>
4+
const [active, setActive] = useState(0);
5+
const images = [
6+
"/editioncrafter_browser 1.png",
7+
"/editioncrafter_browser 2.png",
8+
"/editioncrafter_browser 3.png",
9+
"/editioncrafter_browser 4.png",
10+
];
11+
return (
12+
<div className="max-w-[1072px] mx-auto">
13+
<img
14+
src={images[active]}
15+
width={1072}
16+
height={710}
17+
alt="EditionCrafter screenshot"
18+
className="transition"
19+
/>
20+
<div className="md:w-full py-8 flex flex-row md:flex-col overflow-x-scroll gap-6 md:gap-12 bg-white">
21+
<div className="flex flex-row justify-between gap-6 md:gap-12 md:w-full">
22+
<div
23+
className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${
24+
active == 0 ? "bg-neutral" : "hover:bg-neutral/30 cursor-pointer"
25+
} transition`}
26+
onClick={() => setActive(0)}
27+
>
28+
<h3 className="text-2xl">Dual-pane display</h3>
29+
<p className="text-neutral-gray">
30+
With the dual-pane display, a scholar or reader can navigate a
31+
source text and its associated texts in several, engaging ways.
32+
The display could simply show a digital version of a manuscript or
33+
two versions of a text in parallel, such as a facsimile page and a
34+
translation. A reader could even juxtapose two pages from
35+
different parts of the manuscript or zoom into one part of a
36+
facsimile page while simultaneously viewing the full version.
37+
</p>
38+
</div>
39+
<div
40+
className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${
41+
active == 1 ? "bg-neutral" : "hover:bg-neutral/30 cursor-pointer"
42+
} transition`}
43+
onClick={() => setActive(1)}
44+
>
45+
<h3 className="text-2xl">
46+
Supports multiple transcriptions and translations
47+
</h3>
48+
<p className="text-neutral-gray">
49+
An edition can comprise multiple renditions of a source text,
50+
including transcriptions, normalized transcriptions, and
51+
translations. Through styling, it supports discontinuous text,
52+
inline figures, and special characters. EditionCrafter provides
53+
tools for precise transcription and translation.
54+
</p>
55+
</div>
56+
</div>
57+
<div className="flex flex-row justify-between gap-6 md:gap-12 md:w-full">
58+
<div
59+
className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${
60+
active == 2 ? "bg-neutral" : "hover:bg-neutral/30 cursor-pointer"
61+
} transition`}
62+
onClick={() => setActive(2)}
63+
>
64+
<h3 className="text-2xl">Integrated commentary</h3>
65+
<p className="text-neutral-gray">
66+
Transcriptions and translations can be annotated to mark authorial
67+
deletions and additions, to expand abbreviations, to provide brief
68+
editorial commentary, and to link to extended commentary. Readers
69+
can easily view these notes without leaving the page. Editions can
70+
also include extended resources such as interpretative essays, a
71+
glossary, and bibliography.
72+
</p>
73+
</div>
74+
<div
75+
className={`flex flex-col p-12 gap-8 w-1/2 rounded-xl min-w-80 ${
76+
active == 3 ? "bg-neutral" : "hover:bg-neutral/30 cursor-pointer"
77+
} transition`}
78+
onClick={() => setActive(3)}
79+
>
80+
<h3 className="text-2xl">Built on TEI and IIIF</h3>
81+
<p className="text-neutral-gray">
82+
To create an edition, a scholar needs only to specify page breaks
83+
and image locations in a text. Editions are generated from TEI
84+
files and IIIF images, using well-established standards in the
85+
field of digital humanities.
86+
</p>
87+
</div>
4888
</div>
49-
)
89+
</div>
90+
</div>
91+
);
5092
};
5193

52-
export default FeatureTabs;
94+
export default FeatureTabs;

‎astro-web/src/components/Header.astro‎

Lines changed: 18 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -1,29 +1,27 @@
11
---
2-
import { Image } from 'astro:assets';
3-
import Container from './Container.astro';
4-
import logo from '../assets/footer/editioncrafterlogo.svg';
5-
import Button from './Button.astro';
2+
import { Image } from "astro:assets";
3+
import Container from "./Container.astro";
4+
import logo from "../assets/footer/editioncrafterlogo.svg";
5+
import Button from "./Button.astro";
66
77
export interface Props {
8-
tab?: string;
8+
tab?: string;
99
}
1010
1111
const { tab } = Astro.props;
1212
---
1313

1414
<div class="w-full max-w-screen-3xl 3xl:mx-auto bg-white">
15-
<Container className="flex flex-row justify-between py-8 align-middle">
16-
<a class="flex flex-row align-middle gap-6" href="/editioncrafter/">
17-
<Image src={logo} alt="EditionCrafter" />
18-
<p class="text-2xl font-serif max-w-28 self-center">Edition Crafter</p>
19-
</a>
20-
<div class="sm:flex flex-row gap-8 align-middle hidden">
21-
<Button light href='/editioncrafter/getting-started'>
22-
Getting Started
23-
</Button>
24-
<Button href="https://github.com/cu-mkp/editioncrafter">
25-
View on GitHub &rarr;
26-
</Button>
27-
</div>
28-
</Container>
29-
</div>
15+
<Container className="flex flex-row justify-between py-8 align-middle">
16+
<a class="flex flex-row align-middle gap-6" href="/">
17+
<Image src={logo} alt="EditionCrafter" />
18+
<p class="text-2xl font-serif max-w-28 self-center">Edition Crafter</p>
19+
</a>
20+
<div class="sm:flex flex-row gap-8 align-middle hidden">
21+
<Button light href="/getting-started"> Getting Started </Button>
22+
<Button href="https://github.com/cu-mkp/editioncrafter">
23+
View on GitHub &rarr;
24+
</Button>
25+
</div>
26+
</Container>
27+
</div>

‎astro-web/src/layouts/Layout.astro‎

Lines changed: 48 additions & 42 deletions
Original file line numberDiff line numberDiff line change
@@ -1,57 +1,63 @@
11
---
2-
import { ViewTransitions } from 'astro:transitions';
3-
import Header from '../components/Header.astro';
4-
import Footer from '../components/Footer.astro';
5-
import '@fontsource/martel';
6-
import '@fontsource/dm-sans';
7-
import '@fontsource/source-code-pro'
2+
import { ViewTransitions } from "astro:transitions";
3+
import Header from "../components/Header.astro";
4+
import Footer from "../components/Footer.astro";
5+
import "@fontsource/martel";
6+
import "@fontsource/dm-sans";
7+
import "@fontsource/source-code-pro";
88
99
interface Props {
10-
title: string;
11-
tab?: string;
12-
transitions?: boolean;
13-
cardText?: string;
10+
title: string;
11+
tab?: string;
12+
transitions?: boolean;
13+
cardText?: string;
1414
}
1515
16-
const { title, tab, transitions = true, cardText = "A simple digital critical edition publication tool." } = Astro.props;
17-
const siteURL = "https://cu-mkp.github.io/editioncrafter";
16+
const {
17+
title,
18+
tab,
19+
transitions = true,
20+
cardText = "A simple digital critical edition publication tool.",
21+
} = Astro.props;
22+
const siteURL = "https://editioncrafter.org";
1823
const siteDomain = "cu-mkp.github.io";
1924
const socialImgURL = `${siteURL}/eccard.png`;
20-
2125
---
2226

2327
<!doctype html>
2428
<html lang="en">
25-
<head>
26-
<meta charset="UTF-8" />
27-
<meta name="viewport" content="width=device-width" />
28-
<meta name="generator" content={Astro.generator} />
29-
<!-- HTML Meta Tags -->
30-
<title>{title}</title>
31-
<meta name="description" content={cardText}>
29+
<head>
30+
<meta charset="UTF-8" />
31+
<meta name="viewport" content="width=device-width" />
32+
<meta name="generator" content={Astro.generator} />
33+
<!-- HTML Meta Tags -->
34+
<title>{title}</title>
35+
<meta name="description" content={cardText} />
3236

33-
<!-- Facebook Meta Tags -->
34-
<meta property="og:url" content={siteURL}>
35-
<meta property="og:type" content="website">
36-
<meta property="og:title" content={title}>
37-
<meta property="og:description" content={cardText}>
38-
<meta property="og:image" content={socialImgURL}>
37+
<!-- Facebook Meta Tags -->
38+
<meta property="og:url" content={siteURL} />
39+
<meta property="og:type" content="website" />
40+
<meta property="og:title" content={title} />
41+
<meta property="og:description" content={cardText} />
42+
<meta property="og:image" content={socialImgURL} />
3943

40-
<!-- Twitter Meta Tags -->
41-
<meta name="twitter:card" content="summary_large_image">
42-
<meta property="twitter:domain" content={siteDomain}>
43-
<meta property="twitter:url" content={siteURL}>
44-
<meta name="twitter:title" content={title}>
45-
<meta name="twitter:description" content={cardText}>
46-
<meta name="twitter:image" content={socialImgURL}>
44+
<!-- Twitter Meta Tags -->
45+
<meta name="twitter:card" content="summary_large_image" />
46+
<meta property="twitter:domain" content={siteDomain} />
47+
<meta property="twitter:url" content={siteURL} />
48+
<meta name="twitter:title" content={title} />
49+
<meta name="twitter:description" content={cardText} />
50+
<meta name="twitter:image" content={socialImgURL} />
4751

48-
<link rel="icon" type="image/svg+xml" href="/editioncrafter/favicon.jpg" />
49-
{ transitions && <ViewTransitions /> }
50-
</head>
51-
<body class='flex h-full flex-col bg-white 3xl:bg-neutral-dark text-neutral-dark 3xl:max-w-screen-3xl mx-auto' transition:animate="initial">
52-
<Header tab={tab} transition:persist />
53-
<slot />
54-
<Footer transition:persist />
55-
</body>
56-
</html>
52+
<link rel="icon" type="image/svg+xml" href="/favicon.jpg" />
53+
{transitions && <ViewTransitions />}
54+
</head>
55+
<body
56+
class="flex h-full flex-col bg-white 3xl:bg-neutral-dark text-neutral-dark 3xl:max-w-screen-3xl mx-auto"
57+
transition:animate="initial"
58+
>
59+
<Header tab={tab} transition:persist />
60+
<slot />
61+
<Footer transition:persist />
62+
</body>
5763
</html>

‎astro-web/src/pages/getting-started/index.mdx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -65,7 +65,7 @@ import EditionCrafter from '@cu-mkp/editioncrafter'
6565
tcn: 'Normalized (FR)',
6666
tl: 'Translation (EN)'
6767
}}
68-
iiifManifest='https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/iiif/manifest.json'
68+
iiifManifest='https://editioncrafter.org-data/fr640_3r-3v-example/iiif/manifest.json'
6969
/>
7070
```
7171

@@ -83,7 +83,7 @@ To include EditionCrafter in your HTML website, you need to create a `div` somew
8383
EditionCrafter.viewer({
8484
id: 'ec',
8585
documentName: 'BnF Ms. Fr. 640',
86-
iiifManifest='https://cu-mkp.github.io/editioncrafter-data/fr640_3r-3v-example/iiif/manifest.json',
86+
iiifManifest='https://editioncrafter.org-data/fr640_3r-3v-example/iiif/manifest.json',
8787
transcriptionTypes: {
8888
tc: 'Diplomatic (FR)',
8989
tcn: 'Normalized (FR)',
@@ -202,7 +202,7 @@ documentInfo={{
202202
translation: 'Translation',
203203
transcription: 'Transcription',
204204
},
205-
iiifManifest: 'https://cu-mkp.github.io/editioncrafter/taos-baptisms-example/iiif/manifest.json',
205+
iiifManifest: 'https://editioncrafter.org/taos-baptisms-example/iiif/manifest.json',
206206
},
207207
eng_415_145a: {
208208
documentName: 'Eng 415-145a',

0 commit comments

Comments
 (0)