wassname/cardsforscience
1
0
Fork 0
mirror of https://github.com/wassname/cardsforscience.git synced 2026-06-27 18:23:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Added card fonts for browsers with card unicode symbols

Browse Source
This commit is contained in:
Is Isilon
2016-03-01 16:24:03 +08:00
parent 3fd49faec0
commit 2f79b54fd7
5 changed files with 5435 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/css/bootstrap.min.css
Vendored
+5389 -1
View File
File diff suppressed because one or more lines are too long
src/css/style.css
+28 -1
View File
@@ -1,3 +1,6 @@
/** rest **/
body {
padding-top: 40px;
}
@@ -302,14 +305,38 @@ h1 br {
.ui-draggable {
cursor: move;
}
/** we need to make sure the fonts used support unicode playing cards **/
@font-face{
font-family: 'CardFont';
src: url('../fonts/cardfont/cardfont-webfont.eot'); /* IE9 Compat Modes */
src: url('../fonts/cardfont/cardfont-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/cardfont/cardfont-webfont.woff') format('woff'),
url('../fonts/cardfont/cardfont-webfont.ttf') format('truetype'),
url('../fonts/cardfont/cardfont-webfont.svg#cardfont') format('svg'); /* Legacy iOS */
}
.card {
font-size: 3em;
border: 0px;
padding: 1px;
z-index: 50;
min-width: 50px;
min-height: 50px;
font-size: 3em;
font-family: 'CardFont' !important;
font-style: normal;
font-weight: normal;
position: relative;
top: 1px;
display: inline-block;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.card.empty {
opacity: 0.2;
}
src/index.js
+1
View File
@@ -9,6 +9,7 @@ require("font-awesome/css/font-awesome.css");
require("css/style.css");
// img
require("../favicon.ico");
require("assets/favicon.png");
require("assets/favicon_color.png");
require("assets/favicons/apple-icon-57x57.png");
src/index.webpack
+1 -1
View File
@@ -378,7 +378,7 @@
<!-- <th>
{{card.key}}
</th> -->
<td ng-repeat='key in ["key", "name", "value", "suit", "color", "royal", "face", "number","loop"]'>
<td class=""card ng-repeat='key in ["key", "name", "value", "suit", "color", "royal", "face", "number","loop"]'>
{{card[key]|boolToTick}}
</td>
</tr>
webpack.config.js
+16 -8
View File
@@ -96,15 +96,15 @@ module.exports = {
},
module: {
loaders: [
{test: /\.js?$/, loader: 'babel-loader?cacheDirectory', exclude: /(node_modules|bower_components)/ },
{test: /\.jsx?$/, loader: 'babel-loader?cacheDirectory', exclude: /(node_modules|bower_components)/ },
{ test: /\.(png)$/i, loader: "file?name=[path][name].[ext]" },
{ test: /\.(gif)$/i, loader: "file?name=[path][name].[ext]" },
{ test: /\.(jpe?g)$/i, loader: "file?name=[path][name].[ext]" },
{test: /\.js?$/i, loader: 'babel?cacheDirectory', exclude: /(node_modules|bower_components)/ },
{test: /\.jsx?$/i, loader: 'babel?cacheDirectory', exclude: /(node_modules|bower_components)/ },
{ test: /\.(png)$/i, loader: "url?limit=5000&name=[path][name].[ext]" },
{ test: /\.(gif)$/i, loader: "url?limit=5000&name=[path][name].[ext]" },
{ test: /\.(jpe?g)$/i, loader: "url?limit=5000&name=[path][name].[ext]" },
{ test: /\.(mp3|ac3|ogg|m4a|wav)$/i, loader: "file?name=[path][name].[ext]" },
{ test: /\.(ttf|woff|eot|svg|woff2)(\?.*$|$)/i, loader: "file?name=[path][name].[ext]" },
{ test: /\.(ttf|woff|eot|svg|woff2|ico)(\?.*$|$)/i, loader: "file?&name=[path][name].[ext]" },
{ test: /\.(json)$/i, loader: "json-loader" }, // this loads it as javascript in one go
{ test: /\.html/, loader: 'file?name=[path][name].[ext]|html-minify'}, // breaks html template // html-minify?
{ test: /\.html/i, loader: 'file?name=[path][name].[ext]!html-minify'}, // breaks html template // html-minify?
{ test: /\.(less)$/i, loader: extractLESS.extract("style-loader", "css-loader",'less-loader') },
{ test: /\.(css)$/i, loader: ExtractTextPlugin.extract("style-loader", "css-loader") }
]
@@ -130,5 +130,13 @@ module.exports = {
debug: DEBUG, // Switch loaders to debug mode.
// Create Sourcemaps for the bundle
devtool: DEBUG ? 'source-map' : false, // slower than 'cheap-module-eval-source-map'
plugins: plugins
plugins: plugins,
'html-minify-loader': {
empty: true, // KEEP empty attributes
cdata: true, // KEEP CDATA from scripts
comments: DEBUG, // KEEP comments
dom: { // options of !(htmlparser2)[https://github.com/fb55/htmlparser2]
lowerCaseAttributeNames: false, // do not call .toLowerCase for each attribute name (Angular2 uses camelCase attributes)
}
}
};