Hugging Face's logo

Spaces:
LeMaterial
/
materials_explorer
Runtime error

App Files Community
Ramlaoui commited on
Commit
d963b2c
·
1 Parent(s): 6eb7f5d

Move to top

Browse files
Files changed (2) hide show
  1. app.py +56 -61
  2. assets/styles.css +4 -0
app.py CHANGED
@@ -78,6 +78,62 @@ app.layout = html.Div(
78
  html.B("Interactive Crystal Viewer"),
79
  style={"textAlign": "center", "margin-top": "20px"},
80
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
81
  html.Div(
82
  [
83
  get_materials_display(
@@ -100,67 +156,6 @@ app.layout = html.Div(
100
  ],
101
  className="container-row-periodic",
102
  ),
103
- html.Footer(
104
- [
105
- html.Div(
106
- [
107
- html.P(
108
- [
109
- "This web app is powered by ",
110
- html.A(
111
- "Crystal Toolkit",
112
- href="https://github.com/materialsproject/crystaltoolkit",
113
- ),
114
- ", ",
115
- html.A(
116
- "MP Dash Components",
117
- href="https://github.com/materialsproject/dash-mp-components",
118
- ),
119
- " and ",
120
- html.A("Pymatgen", href="https://pymatgen.org/"),
121
- ". All tools made by the ",
122
- html.A(
123
- "Materials Project",
124
- href="https://next-gen.materialsproject.org/",
125
- ),
126
- ". We are grateful for their open source software packages. The apps are purely meant for exploring the data in LeMat-Bulk. We are not endorsed by or affiliated with the Materials Project.",
127
- html.Br(),
128
- html.B("CC-BY-4.0"),
129
- " requires proper acknowledgement. Thus, if you use materials data which include (”mp-”) in the immutable_id, please cite the ",
130
- html.A(
131
- "Materials Project",
132
- href="https://pubs.aip.org/aip/apm/article/1/1/011002/119685/Commentary-The-Materials-Project-A-materials",
133
- ),
134
- ". If you use materials data which include (”agm-”) in the immutable_id, please cite ",
135
- html.A(
136
- "Alexandria, PBE",
137
- href="https://www.science.org/doi/10.1126/sciadv.abi7948",
138
- ),
139
- " or ",
140
- html.A(
141
- "Alexandria PBESol, SCAN",
142
- href="https://hdl.handle.net/10.1038/s41597-022-01177-w",
143
- ),
144
- ". If you use materials data which include (”oqmd-”) in the immutable_id, please cite ",
145
- html.A(
146
- "OQMD",
147
- href="https://link.springer.com/article/10.1007/s11837-013-0755-4",
148
- ),
149
- ". If you use the Phase Diagram or Crystal Viewer please acknowledge ",
150
- html.A(
151
- "Crystal Toolkit",
152
- href="https://github.com/materialsproject/crystaltoolkit",
153
- ),
154
- ".",
155
- ],
156
- style={"textAlign": "center"},
157
- )
158
- ],
159
- className="footer-content",
160
- ),
161
- ],
162
- className="footer",
163
- ),
164
  ],
165
  className="main-div",
166
  )
 
78
  html.B("Interactive Crystal Viewer"),
79
  style={"textAlign": "center", "margin-top": "20px"},
80
  ),
81
+ html.Div(
82
+ [
83
+ html.P(
84
+ [
85
+ "This web app is powered by ",
86
+ html.A(
87
+ "Crystal Toolkit",
88
+ href="https://github.com/materialsproject/crystaltoolkit",
89
+ ),
90
+ ", ",
91
+ html.A(
92
+ "MP Dash Components",
93
+ href="https://github.com/materialsproject/dash-mp-components",
94
+ ),
95
+ " and ",
96
+ html.A("Pymatgen", href="https://pymatgen.org/"),
97
+ ". All tools made by the ",
98
+ html.A(
99
+ "Materials Project",
100
+ href="https://next-gen.materialsproject.org/",
101
+ ),
102
+ ". We are grateful for their open source software packages. The apps are purely meant for exploring the data in LeMat-Bulk. We are not endorsed by or affiliated with the Materials Project.",
103
+ html.Br(),
104
+ html.B("CC-BY-4.0"),
105
+ " requires proper acknowledgement. Thus, if you use materials data which include (”mp-”) in the immutable_id, please cite the ",
106
+ html.A(
107
+ "Materials Project",
108
+ href="https://pubs.aip.org/aip/apm/article/1/1/011002/119685/Commentary-The-Materials-Project-A-materials",
109
+ ),
110
+ ". If you use materials data which include (”agm-”) in the immutable_id, please cite ",
111
+ html.A(
112
+ "Alexandria, PBE",
113
+ href="https://www.science.org/doi/10.1126/sciadv.abi7948",
114
+ ),
115
+ " or ",
116
+ html.A(
117
+ "Alexandria PBESol, SCAN",
118
+ href="https://hdl.handle.net/10.1038/s41597-022-01177-w",
119
+ ),
120
+ ". If you use materials data which include (”oqmd-”) in the immutable_id, please cite ",
121
+ html.A(
122
+ "OQMD",
123
+ href="https://link.springer.com/article/10.1007/s11837-013-0755-4",
124
+ ),
125
+ ". If you use the Phase Diagram or Crystal Viewer please acknowledge ",
126
+ html.A(
127
+ "Crystal Toolkit",
128
+ href="https://github.com/materialsproject/crystaltoolkit",
129
+ ),
130
+ ".",
131
+ ],
132
+ style={"textAlign": "center"},
133
+ )
134
+ ],
135
+ className="footer footer-content",
136
+ ),
137
  html.Div(
138
  [
139
  get_materials_display(
 
156
  ],
157
  className="container-row-periodic",
158
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
159
  ],
160
  className="main-div",
161
  )
assets/styles.css CHANGED
@@ -30,6 +30,8 @@ h1 {
30
 
31
  .container-visu {
32
  width: 70%;
 
 
33
  align-items: center;
34
  }
35
 
@@ -80,7 +82,9 @@ body {
80
  background-color: transparent;
81
  font-family: "Arial", sans-serif;
82
  padding: 20px;
 
83
  border-top: 1px solid #e0e0e0;
 
84
  text-align: center;
85
  }
86
 
 
30
 
31
  .container-visu {
32
  width: 70%;
33
+ display: flex;
34
+ justify-content: center;
35
  align-items: center;
36
  }
37
 
 
82
  background-color: transparent;
83
  font-family: "Arial", sans-serif;
84
  padding: 20px;
85
+ margin-top: 10px;
86
  border-top: 1px solid #e0e0e0;
87
+ border-bottom: 1px solid #e0e0e0;
88
  text-align: center;
89
  }
90