Skip to content

Commit 15f80ef

Browse files
authored
(feat): Energy-ID 2.0 (#124)
* (feat): Energy-ID 2.0 * (fix): Using live API * Safer HTML Escape function
1 parent 228e41a commit 15f80ef

16 files changed

Lines changed: 781 additions & 16 deletions

File tree

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
title: "Software Tasks — Energy ID"
3+
date: 2023-08-02 10:00:00
4+
publishDate: 2023-08-02
5+
draft: false
6+
layout: "energy-id-detail"
7+
url: "/products/energy-id/detail/"
8+
build:
9+
list: never
10+
render: always
11+
---

content/products/energy-id.md

Lines changed: 5 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,19 +4,15 @@ date: 2023-08-02 10:00:00
44
publishDate: 2023-08-02
55
draft: false
66
icon: "portrait"
7+
layout: "energy-id"
78
desc: "Energy ID benchmarks open source software for energy, CO2, and Green Software Foundation's SCI metrics using the Green Metrics Tool. It offers a scorecard with descriptions, scenarios, measurements, and badges from the OpenEnergyBadge project, aiming to highlight the energy/carbon cost of typical software use cases."
89
ordering: 4
910
---
1011

11-
In the Energy ID project we are looking at popular open source software and benchmark their Energy, CO2 and the [Green Software Foundation's SCI](https://sci-guide.greensoftware.foundation/) metric via our [Green Metrics Tool]({{< relref path="products/green-metrics-tool" >}})
12+
Energy ID is a database of benchmarked software. Here we are looking at popular open source software, CLI tooling, and also programming
13+
language constructs and primitives and benchmark their Energy, CO2 and the [Green Software Foundation's SCI](https://sci-guide.greensoftware.foundation/) metric via our [Green Metrics Tool]({{< relref path="products/green-metrics-tool" >}})
1214

13-
Energy ID creates a *score card* with a:
14-
- description
15-
- benchmarking- / usage-scenario
16-
- detailed measurement links
17-
- badges
18-
19-
The badges can be used in Github projects or similar and are based on our [OpenEnergyBadge]({{< relref path="products/open-energy-badge" >}}) project.
15+
Energy ID lists software by so called *Tasks*.
2016

2117
The projects aim is to get a quick idea about the "typical use case of a software" and how much this would accrue in terms of energy / carbon cost.
2218

@@ -26,11 +22,4 @@ If you want to further compare a project, monitor a project over time or even do
2622
software in the wild. These are the cost that happen on our testing machines and
2723
also reflect the cost of the scenario chosen by us. A different use-case might incur a vastly different carbon cost.
2824

29-
For measurement on different machines, which are more similar to what you are running in your setup, visit our [Cluster documentation](https://docs.green-coding.io/docs/measuring/measurement-cluster/)
30-
and re-run the measurement on a machine more apt for your comparison.
31-
32-
# Open Source Projects
33-
---
34-
{{< include-file "content/energy-id-projects.html" >}}
35-
36-
<div class="clear"></div>
25+
For measurement on different machines, which are more similar to what you are running in your setup, visit our [Cluster documentation](https://docs.green-coding.io/docs/measuring/measurement-cluster/) and re-run the measurement on a machine more apt for your comparison.

layouts/_default/baseof.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,6 +56,7 @@
5656
{{ block "favicon" . }}
5757
{{ partialCached "site-favicon.html" . }}
5858
{{ end }}
59+
{{ block "head_extra" . }}{{ end }}
5960
</head>
6061

6162
<body>
Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
{{ define "head_extra" }}
2+
<link rel="stylesheet" href="/products/energy-id/css/main.css">
3+
<link rel="stylesheet" href="/products/energy-id/css/detail.css">
4+
{{ end }}
5+
6+
{{ define "main" }}
7+
<section class="single-page bg-one">
8+
<div class="section-one">
9+
<div class="data-content-one">
10+
11+
<div class="back-nav">
12+
<a href="../" class="ui basic small button"><i class="arrow left icon"></i> Back to overview</a>
13+
</div>
14+
15+
<div id="loader-wrapper">
16+
<div class="ui active centered inline large loader"></div>
17+
<p class="loader-text">Loading tasks&hellip;</p>
18+
</div>
19+
20+
<div id="error-message" class="ui icon error message">
21+
<i class="exclamation triangle icon"></i>
22+
<div class="content">
23+
<div class="header">Could not load tasks</div>
24+
<p id="error-detail">An error occurred while fetching data from the API.</p>
25+
</div>
26+
</div>
27+
28+
<div id="content">
29+
<div id="tasks-container"></div>
30+
</div>
31+
32+
</div>
33+
</div>
34+
</section>
35+
36+
<script src="/products/energy-id/js/main.js"></script>
37+
<script src="/products/energy-id/js/detail.js"></script>
38+
{{ end }}

layouts/products/energy-id.html

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
{{ define "head_extra" }}
2+
<link rel="stylesheet" href="/products/energy-id/css/main.css">
3+
<link rel="stylesheet" href="/products/energy-id/css/index.css">
4+
{{ end }}
5+
6+
{{ define "main" }}
7+
<section class="single-page bg-one">
8+
<div class="section-one">
9+
<div class="item product-icon">
10+
<a class="project-item-small wrapped"><i class="portrait huge icon project-item-white"></i></a>
11+
<div class="title-one">{{.Params.Title}}</div>
12+
</div>
13+
<div class="data-content-one">
14+
15+
<div id="energy-id-preamble">
16+
{{ .Content }}
17+
</div>
18+
19+
<div class="clear"></div>
20+
21+
<h2>Software Database</h3>
22+
<hr>
23+
24+
<div id="hero-filter">
25+
<span class="ui olive label hero-filter-label">
26+
<i class="tag icon"></i><span id="hero-category-name"></span>
27+
</span>
28+
<a href="./" class="hero-filter-clear">
29+
<i class="times icon"></i> Clear filter
30+
</a>
31+
</div>
32+
33+
<div id="loader-wrapper">
34+
<div class="ui active centered inline large loader"></div>
35+
<p class="loader-text">Loading software products&hellip;</p>
36+
</div>
37+
38+
<div id="error-message" class="ui icon error message">
39+
<i class="exclamation triangle icon"></i>
40+
<div class="content">
41+
<div class="header">Could not load data</div>
42+
<p id="error-detail">An error occurred while fetching software products from the API.</p>
43+
</div>
44+
</div>
45+
46+
<div id="main-grid">
47+
48+
<div class="ui fluid icon input search-wrapper">
49+
<input id="search-input" type="text" placeholder="Search by name or category…">
50+
<i class="search icon"></i>
51+
</div>
52+
53+
<div class="ui stackable grid">
54+
55+
<div class="twelve wide computer sixteen wide mobile column cards-column">
56+
<div id="empty-message" class="ui icon info message">
57+
<i class="info circle icon"></i>
58+
<div class="content">
59+
<div class="header">No software products found</div>
60+
<p>The API returned an empty list.</p>
61+
</div>
62+
</div>
63+
<div id="cards-grid" class="ui four stackable cards"></div>
64+
<div id="no-results"><i class="search icon"></i> No matching software products.</div>
65+
<div id="pagination-wrapper"></div>
66+
</div>
67+
68+
<div class="four wide computer sixteen wide mobile column">
69+
<div id="sidebar-loader">
70+
<div class="ui active centered inline small loader"></div>
71+
</div>
72+
<div id="category-sidebar">
73+
<h4 class="ui dividing header sidebar-heading">
74+
<i class="tag green icon"></i> Categories
75+
</h4>
76+
<div id="category-list"></div>
77+
</div>
78+
</div>
79+
</div>
80+
</div>
81+
<h4>Credit / Funding</h4>
82+
<div>
83+
<p>The Energy-ID Database frontend as well as supplementatry tools that have led to the creation of the
84+
database which was funded by the Deutsche Bundesstiftung Umwelt (DBU) under the number <a href="https://www.dbu.de/projektdatenbank/39703-01/">DBU Project 39703/01</a></p>.
85+
<p>After the creation of the Energy-ID Database also contributions from volunteers, own work without funding and other prior resarch work have been added to the dabase and go beyond the scope of the research project.</p>
86+
<p><img src="/img/funding/dbu_sponsor_badge.webp"></p>
87+
<p>We are super grateful for this funding and are blessed to have been granted the opportunity to create this data repository for the greater software community!</p>
88+
</div>
89+
</div>
90+
</div>
91+
</section>
92+
93+
94+
<script src="/products/energy-id/js/main.js"></script>
95+
<script src="/products/energy-id/js/index.js"></script>
96+
{{ end }}
16 KB
Loading
3.8 KB
Loading

static/img/projects/curl.webp

2.48 KB
Loading

static/img/projects/gzip.webp

11 KB
Loading

static/img/projects/xz.webp

6.93 KB
Loading

0 commit comments

Comments
 (0)