mirror of
https://github.com/JonasunderscoreJones/jonasjones.dev.git
synced 2025-10-23 00:49:19 +02:00
Added interfaces for potential typescript syntax
This commit is contained in:
parent
a91ff2fdb0
commit
819c89a09c
3 changed files with 74 additions and 9 deletions
|
@ -1,9 +1,11 @@
|
||||||
<script>
|
<script lang="ts">
|
||||||
export let project;
|
//import type Project from "../scripts/interfaces";
|
||||||
|
export let project/*: Project*/;
|
||||||
import ProjectsLinks from "./ProjectsLinks.svelte";
|
import ProjectsLinks from "./ProjectsLinks.svelte";
|
||||||
import ProjectLanguageIndicator from "./ProjectLanguageIndicator.svelte";
|
import ProjectLanguageIndicator from "./ProjectLanguageIndicator.svelte";
|
||||||
|
|
||||||
import "../routes/+page.css";
|
import "../routes/+page.css";
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="top">
|
<div class="top">
|
||||||
|
@ -21,11 +23,15 @@
|
||||||
<div class="project-topline">
|
<div class="project-topline">
|
||||||
<div class="project-title">{project.title}</div>
|
<div class="project-title">{project.title}</div>
|
||||||
<div class="project-titleinfo">
|
<div class="project-titleinfo">
|
||||||
<a
|
<div>
|
||||||
class="project-status"
|
<span
|
||||||
style="color: {project.statuscolor};border-color:{project.statuscolor}"
|
class="project-status"
|
||||||
>{project.status}</a
|
style="color: {project.statuscolor};border-color:{project.statuscolor}"
|
||||||
><a class="project-version">{project.version}</a>
|
>
|
||||||
|
{project.status}
|
||||||
|
</span>
|
||||||
|
<span class="project-version">{project.version}</span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="project-description">{project.description}</div>
|
<div class="project-description">{project.description}</div>
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
<script>
|
<script lang='ts'>
|
||||||
export let project;
|
//import type Project from "../scripts/interfaces";
|
||||||
|
export let project/*: Project*/;
|
||||||
|
|
||||||
import { onMount } from "svelte";
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
|
58
src/scripts/interfaces.ts
Normal file
58
src/scripts/interfaces.ts
Normal file
|
@ -0,0 +1,58 @@
|
||||||
|
export default interface Project {
|
||||||
|
title: string;
|
||||||
|
description: string;
|
||||||
|
status: string;
|
||||||
|
statuscolor: string;
|
||||||
|
categories: string[];
|
||||||
|
languages: { [key: string]: number };
|
||||||
|
gh_api: string;
|
||||||
|
version: string;
|
||||||
|
backgroud: string; // It seems there is a typo in the property name ("backgroud"), it should be corrected to "background" if intended.
|
||||||
|
links: {
|
||||||
|
GH: string;
|
||||||
|
WB: string;
|
||||||
|
MR: string;
|
||||||
|
};
|
||||||
|
visible: string;
|
||||||
|
last_update: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default interface LanguageColors {
|
||||||
|
JavaScript: string;
|
||||||
|
HTML: string;
|
||||||
|
CSS: string;
|
||||||
|
Python: string;
|
||||||
|
Java: string;
|
||||||
|
'C++': string;
|
||||||
|
C: string;
|
||||||
|
Rust: string;
|
||||||
|
Svelte: string;
|
||||||
|
TypeScript: string;
|
||||||
|
Shell: string;
|
||||||
|
PHP: string;
|
||||||
|
Ruby: string;
|
||||||
|
Go: string;
|
||||||
|
Dart: string;
|
||||||
|
Kotlin: string;
|
||||||
|
Swift: string;
|
||||||
|
Scala: string;
|
||||||
|
'Objective-C': string;
|
||||||
|
Lua: string;
|
||||||
|
Perl: string;
|
||||||
|
CoffeeScript: string;
|
||||||
|
PowerShell: string;
|
||||||
|
Haskell: string;
|
||||||
|
Clojure: string;
|
||||||
|
TeX: string;
|
||||||
|
Elixir: string;
|
||||||
|
R: string;
|
||||||
|
'Vim script': string;
|
||||||
|
Assembly: string;
|
||||||
|
D: string;
|
||||||
|
OCaml: string;
|
||||||
|
'Emacs Lisp': string;
|
||||||
|
Crystal: string;
|
||||||
|
Vue: string;
|
||||||
|
Julia: string;
|
||||||
|
Nim: string;
|
||||||
|
}
|
Loading…
Add table
Add a link
Reference in a new issue